针对不同浏览器相应的CSS hack方法

作为前端程序员，最经常遇到的就是针对不同浏览器，需要进行样式的调整。
虽然大部分样式已经得到统一，但还是经常会出现不同浏览器显示效果不一的情况。
以下是我总结的不同浏览器的Hack方法。

Chrome浏览器

@media screen and (-webkit-min-device-pixel-ratio:0){
  .className{
      /* 样式 */
  }
}

Safari浏览器

::-webkit-full-page-media, :future, :root .className{
   /* 样式 */
 }

火狐浏览器

@-moz-document url-prefix(){
    .className{
        /* 样式 */
    }
}

Edge浏览器

@supports (-ms-ime-align: auto){
    .className{
        /* 样式 */
    }
}

IE浏览器

@media all and (-ms-high-contrast: none){
    .className{
        /* 样式 */
    }
}