/* 判断IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-, IE11 */
}
/* 判断Edge */
@supports (-ms-ime-align:auto) and (word-break:keep-all) {
/* Edge 20+ */
}
@supports (-ms-ime-align:auto) and (not (word-break:keep-all)) {
/* Edge 12-18 */
}
/* 判断Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
/* Chrome */
}
/* 判断Firefox */
@-moz-document url-prefix() {
/* Firefox */
}
以上代码通过不同浏览器的特性,来判断浏览器版本,从而进行不同的样式渲染,提高网站兼容性。