IE9加载与非外部CSS负载错误媒体查询信息(IE9 loads wrong media query

2019-09-02 02:03发布

我有一个使用非外部CSS在一个页面<style>标签,并在这些<style>标记是以下媒体查询:

@media screen and (max-width:768px){
/* CSS */
}

一切都在Firefox中工作正常,为768px宽和下只有CSS渲染时它应该。 然而,在IE9中,该媒体查询里面的CSS被上载渲染事无大小是什么。

然而,它加载后,如果我更改浏览器的大小的话,那重新渲染的桌面版本,因为它应该。 所以基本上,IE9非外部样式表,似乎呈现所有的CSS,无论是在媒体查询它不匹配与否,但随后呈现正确的CSS如果浏览器的大小时,竟然被一个像素。

有谁知道究竟是怎么回事这个问题,或者如果有一个快速的解决? 唯一的解决方案,我已经能够想解决这个问题将工作重新排序我的CSS,并添加新的媒体查询,我想,以避免为了便于更新代码其中。

Answer 1:

我有一个类似的问题在IE10外部CSS文件。 我通过给查询最小的1像素(0像素似乎并没有工作)之类的固定它。

它并没有解决我的所有问题,但它可能是不够你的。

@media screen and (min-width: 1px) and (max-width:768px){
/* CSS */
}


Answer 2:

我碰到这是发生在IE 10.设置一分钟对媒体查询没有帮助解决这个具体问题类似的问题。 我用了一下JS的调整窗口大小完全相同的大小,它修复了IE浏览器中遇到的问题。 感觉有点脏,但它的作品。

$(document).ready(function() {
  var w = window.outerWidth;
  var h = window.outerHeight;
  window.resizeTo(w, h);
});


Answer 3:

我有类似的问题,而使用与媒体查询外部CSS。 通过之后的HTML代码加载CSS解决。



文章来源: IE9 loads wrong media query info on load with non-external CSS