有人可以確認我正在使用此瀏覽器特定的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;
      }
    }