html - 移动端的 chrome 和 firefox 的 css 不同

Question

我正在使用 wordpress 悉尼主题，我正在尝试制作一个响应式网站，我意识到它在不同的浏览器上显示不同的 css。

举个例子: Chrome 火狐:

当我尝试检查响应时，这里又是 chrome:

这是另一台计算机上的 chrome[*] 这是它在任何地方的样子:

这里是边缘:

我不确定是什么导致了这种情况发生，该网站是 haagsehof.nl。

我为不同的设备制作了一些自定义的 css，以提高响应速度:

@media (min-width:767px){
}

@media (max-width:766px) and (min-width:400px) {
}

@media only screen and (max-width: 399px) {
}

如何让不同设备上的所有浏览器都使用相同的 css 格式，使网站在每个平台上看起来都一样？

Answer 1

我不知道如何在 wordpress 中解决这个问题，但通常适用以下内容。

您必须为在特定浏览器中不起作用的所有内容添加代码。因此，您可能必须使用 -moz- 或 -webkit- 而不仅仅是添加代码。浏览器有不同的默认值，有时甚至需要前缀，这很烦人。