前端CSS样式兼容 IE浏览器

仅IE6和IE7识别

@media screen\9 { .selector { property: value; } }
仅IE6和IE7、IE8识别
@media \0screen,screen\9 { .selector { property: value; } }
仅IE8识别
@media \0screen { .selector { property: value; } }
仅IE8-10识别
@media screen\0 { .selector { property: value; } }
仅IE9和IE10识别
@media screen and (min-width:0\0) { .selector { property: value; } }
仅IE10识别
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

图文

这里是我写的一个vue组件的css样式，根据自己的IE版本加入对应的@media