【前端】如何修改IE11的三个分辨率（1920,1440,1366）

最新推荐文章于 2023-06-02 16:47:21 发布

芝麻馅圆圆

最新推荐文章于 2023-06-02 16:47:21 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 css 媒体查询分辨率

本文链接：https://blog.csdn.net/qq_39036186/article/details/102955779

本文探讨了在不同分辨率下，尤其是IE浏览器中，如何利用媒体查询进行样式适配的问题。通过特定于IE的媒体查询代码，可以实现针对1366、1440及1920等分辨率的精确样式控制，且不影响Chrome等其他浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

分辨率的适配问题，一直以来使用百分比自适应和媒体查询，但是一些在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浏览器的媒体查询。