Question

我是Web开发的新手，在特定的浏览器相关的css兼容性问题上。

我的主页中有以下css，在Firefox中工作正常，当我使用firebug检查元素时，我可以看到css属性。但是当我使用chrome时，缺少相同的css规则。当我检查时，我甚至看不到镀铬的规则。我想知道为什么会这样。我知道一些css规则依赖于浏览器。但现在我真的很困惑，我怎么能解决这个问题。

请参阅此link以查看我的css规则。

有关为何以及如何发生此事的任何建议。任何有用的链接也将不胜感激。提前谢谢。

Answer 1

尝试使用媒体查询，仅选择特定于webkit的内容，例如：

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Your CSS */
}

此查询检查webkit中的设备像素比率。 Safari＆amp; Chrome是使用webkit的唯一大型浏览器，因此不会影响FireFox或IE。