我有一个在标签中使用非外部 CSS 的页面,<style>
在这些<style>
标签中是以下媒体查询:
@media screen and (max-width:768px){
/* CSS */
}
在 Firefox 中一切正常,宽度为 768px 的 CSS 仅在应有的时候渲染。但是,在 IE9 中,无论大小如何,此媒体查询中的 CSS 都会在加载时呈现。
然而,在它加载之后,如果我改变浏览器的大小,它会重新呈现为桌面版本,就像它应该的那样。所以基本上,IE9 非外部样式表似乎正在渲染所有 CSS,无论它是否在它不匹配的媒体查询中,但是如果浏览器调整大小,即使是一个像素,也会渲染正确的 CSS。
有谁知道这到底是怎么回事,或者是否有快速修复?我能想到的唯一解决方案是通过重新排序我的 CSS 并添加一个新的媒体查询来解决这个问题,为了便于更新代码,我想避免这种情况。