前言
分辨率的适配问题,一直以来使用百分比自适应和媒体查询,但是一些在chrome浏览器的样式设置往往不适合IE浏览器。
设置格式:
// IE11 1366分辨率
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) and(max-width: 1367px) {}
// IE11 1440分辨率
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and(max-width: 1440px) {}
// IE11 1920分辨率
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1441px) and(max-width: 1920px) {}
上述代码设置后只会对IE浏览器生效,不会影响上面设置的chrome浏览器的媒体查询。