有人可以确认我正在做这个浏览器特定的CSS权利

Question

我在我的css这堂课：

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

I.E.中的有效但是在FF或Chrome中不所以我写了这个，只是想在这里做一个完整性检查，因为我不知道如何写出来并可能需要指导。

让它在I.E.工作我离开了以上一行：

.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;
      }
    }