移动设备中的 chrome 和 firefox 的 css 是不同的

Question

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

这是一个例子： 铬 火狐：

当我尝试检查响应性时，这里再次使用 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- 而不仅仅是添加代码。浏览器有不同的默认值，有时甚至需要前缀，这很烦人。

Answer 2

正如@René Steeman 所说，某些 Wordpress 主题不允许您访问 CSS 文件。我会先检查并确保你能够做到这一点，否则选择不同的主题可能是最简单的方法来解决这个问题。如果你可以访问 CSS Rene 是正确的。您可以更改每个浏览器的外观。最后，您可能需要参考此列表：https://www.w3schools.com/cssref/css3_browsersupport.asp。并非所有 CSS 功能都可以在每个浏览器上使用。除此之外，您的浏览器可能还需要更新。祝你好运！