Question

这可能是一个非常简单的问题，但我很难过！我有一个工作正常的外部CSS文件，并且响应迅速。正如所预料的那样，一些元素的定位是一个小小的＆＃34; off＆＃34;在Firefox中查看时。我想在Firefox中查看页面时编写媒体查询，并调整特定元素的边距等。我以为你可以使用前缀：

@ - moz-document url-prefix（）

作为媒体查询，但没有做任何事情。

如何在Firefox中查看页面时编写媒体查询？！？！就此而言，Safari，以及???

谢谢!!!

Answer 1

您可以使用您提到的选择器，例如：

@-moz-document url-prefix() {
  h1, p{
    color:pink;
  }
}

有关Firefox供应商选择器的更多信息：http://is.gd/HPRUOu

更多浏览器选择器和黑客：http://browserhacks.com

FWIW，您是否仔细检查过您的FireFox布局问题是否与浏览器defauit设置无关，并且使用不同的CSS重置无法解决这些问题？我在过去normalize.css

取得了很大的成功祝你好运！

Answer 2

此查询仅影响mozilla导航器：

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 680px){...}

这仅适用于IE：

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (max-width: 680px){...}

更多信息在这里：

最美好的祝愿！