CSS @media 判断不同浏览器使用不同CSS

/* IE9+ */
@media all and (min-width: 0) {
   .class{
      color:red;
   }
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .class{
      color:red;
   }
}

/* Chrome 和 opera */
@media all and (min-width: 0) {
   .class{
      color:red;
   }
}
 
/* Firefox */
@-moz-document url-prefix() {
   .class{
      color:red;
   }
}
 
 
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
   .class{
      color:red;
   }
}