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

我需要针对IE使用媒体查询。范例

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

 /*Only IE Fix here*/



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

      #categoryBackNextButtons{
         width:486px;
      }
}

---

有一种类似于firefox的方法吗？

请不要求助于用户代理字符串解析或浏览器黑客。保罗·爱尔兰的有条件评论。你也可以

---

只需在CSS中使用类名，如so

.lt-ie8 div

我知道这是一个老话题，但我刚刚搜索了同一个问题并找到了答案（搜索时看到了这个）。如果有人发现了这一点，以下是对我有用的东西（IE10/11，Firefox 39.0）

IE:

@媒体屏幕和（-ms高对比度：活动）、（-ms高对比度：无）

---

Firefox:

@-moz文档url-prefix（）

的可能副本。另一个引用：。它打破了语义和样式的分离。我来这里寻找另一个解决方案，因为我试图避免这种情况。@Rolf，这是最不坏的解决方案，不幸的是，这里没有很好的答案。