在写css样式的时候,有时候需要兼容IE不同的版本,这个时候可以用到媒体查询来处理
一,支持IE10及以上
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
css代码
}
二,支持IE9及以上
@media screen and (min-width:0\0) {
css代码
}
三,支持IE8及以上
@media screen\0 {
css代码
}
四,仅支持IE8
@media \0screen {
css代码
}
五,支持IE8及以下
@media \0screen\,screen\9 {
css代码
}
六,支持IE7及以下
@media screen\9 {
css代码
}
七,仅支持谷歌
@media screen and (-webkit-min-device-pixel-ratio:0) {
css代码
}