Css 在Firefox中运行良好的网页显示了Chrome中的一些样式问题

我是web开发的新手，专门研究与浏览器相关的css兼容性问题

我的主页中有以下css，它在Firefox中运行良好，当我使用firebug检查元素时，我可以看到css属性。但是，当我使用chrome时，同样的css规则丢失了。当我检查时，我甚至看不到chrome中的规则。我想知道为什么会这样。我知道一些css规则依赖于浏览器。但是现在我真的很困惑，我在想我该如何解决这个问题

请参考此查看我的css规则

任何关于为什么以及如何发生这种情况的建议。任何有用的链接也将不胜感激。

---

提前感谢。

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

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

---

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

Chrome中的控制台是否显示任何错误？否。。它没有显示任何错误。