CSS判断浏览器种类

//chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .class{
     padding:20px;
   }
}

=====================================

//FireFox
@-moz-document url-prefix() {
   .class{
       padding:20px;
   }

}

=====================================

//IE11

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

   .class{
          padding:20px;
      }

}