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

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

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

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

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

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

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