Firefox 特定的媒体查询

Question

这可能是一个非常简单的问题，但我很难过!我有一个运行良好且响应迅速的外部 CSS 文件。正如所料，在 Firefox 中查看时，一些元素的定位有点“偏离”。我想为在 Firefox 中查看页面的时间编写媒体查询，并调整特定元素的边距等。我以为你可以使用前缀:

@-moz-document url-prefix()

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

在 Firefox 和 Safari 中查看页面时，您如何编写媒体查询？

Answer 1

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

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

现场观看: http://codepen.io/panchroma/pen/gpXdRj

有关 Firefox 供应商选择器的更多信息: https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions#font-family

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

FWIW，您是否仔细检查过您的 FireFox 布局问题与浏览器默认设置无关，并且无法通过使用不同的 CSS 重置来解决？我过去在 normalize.css 上取得了成功

祝你好运!