IE9在加载非外部CSS时加载媒体查询信息错误

前端之家收集整理的这篇文章主要介绍了IE9在加载非外部CSS时加载媒体查询信息错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面,使用< style>中的非外部CSS标签,并在那些< style>标签是以下媒体查询
@media screen and (max-width:768px){
/* CSS */
}

所有在Firefox中都可以正常工作,CSS的宽度为768px,只有在应用时才能呈现.但是,在IE9中,无论大小是多少,这个媒体查询中的CSS都将被加载.

加载完毕后,如果我更改浏览器大小,它会像桌面版本一样重新运行.因此,基本上,IE9非外部样式表似乎是渲染所有的CSS,无论是在不兼容的媒体查询中,但是如果浏览器被调整大小,即使是像素也可以渲染正确的CSS.

有谁知道这是怎么回事,还是快速解决?我能够想到的唯一解决方案是通过重新排序我的CSS来解决这个问题,并添加一个新的媒体查询,我想避免更容易的更新代码.

解决方法

我在ie10中有一个外部css文件的类似问题.
我通过给予查询至少1px(0px似乎不起作用)来修复它.

它不能解决我所有的问题,但是对你来说可能就够了.

@media screen and (min-width: 1px) and (max-width:768px){
/* CSS */
}
原文链接:https://www.f2er.com/css/216358.html

猜你在找的CSS相关文章