browser - 如何使用 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)

火狐：@-moz-document url-prefix()

Answer 2

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

只需像这样在 CSS 中使用类名.lt-ie8 div