有人可以确认我正在做这个特定于浏览器的 CSS 对吗

Question

我的 css 这个 class:

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

Can Someone Confirm That I am Doing This Browser Specific CSS Right