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

时间:2013-06-22 05:28:20

标签: browser media-queries

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

@media screen and (max-width:1024px) {

 /*Only IE Fix here*/



 /*Any other browser*/
@-moz-document url-prefix() {

      #categoryBackNextButtons{
         width:486px;
      }
}

有类似firefox的方法吗?

2 个答案:

答案 0 :(得分:0)

我知道这是一个古老的话题,但我一直在寻找同样的问题并找到答案(在搜索时看到这个)。如果有人发现这个,这对我有用(IE10 / 11,Firefox 39.0)

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

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

答案 1 :(得分:-1)

请不要诉诸用户代理字符串解析或浏览器黑客攻击。保罗爱尔兰See this great article对有条件的评论。您还可以see the source code of the HTML5 Boilerplate project

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