如何使用css媒体查询定位浏览器

Question

我需要使用媒体查询来定位IE。示例

@media screen and (max-width:1024px) {
 /*Only IE Fix here*/

 /*Any other browser*/
@-moz-document url-prefix() {
      #categoryBackNextButtons{
         width:486px;
      }
}

萤火虫也有类似的方法吗？

Answer 1

我知道这是一个老话题，但我只是在搜索同一个问题并找到了答案（在搜索时看到了这个）。如果其他人发现了这一点，以下是对我有效的方法（IE10/11，Firefox 39.0）

IE:@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)

Firefox：@-moz-document url-prefix()

Answer 2

请不要求助于用户代理字符串解析或浏览器破解。请参阅Paul Irish关于附条件评论的这篇伟大文章。您还可以看到HTML5 Boilerplate项目的源代码。

只需在CSS中使用类名，如.lt-ie8 div