有人可以确认我正在使用此浏览器特定的CSS吗？

Question

我的CSS有这个课：

.middleContent { overflow: hidden; display:inline-block; }

这适用于IE，但不适用于FF或Chrome，因此我将其写出，只想在此处进行完整性检查，因为我不确定如何将其写出，可能需要指导。

为了使其在IE中正常工作，我离开了上面的行：

.middleContent { overflow: hidden; display:inline-block; }

因此，对于Firefox和Chrome，我要添加以下行：

对于Firefox：

@-moz-document url-prefix() { 
  .middleContent { overflow: hidden; }
}

对于Chrome：

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .middleContent { overflow: hidden; }
 }

感谢您对此的任何帮助或建议。

Answer 1

是的，你是对的。 定位Chrome：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 div{top:0;} 
}

定位任何Firefox：

@-moz-document url-prefix() { 
      .selector {
         color:lime;
      }
    }