Jquery 带有ajax加载内容的IE9@media查询问题

我正在使用jQuery将内容加载到（display:none；）div中。当我显示div时，IE9应用了错误的@media查询，如果我调整浏览器的大小，这些查询将正确恢复

@media (min-width: 1080) { }
@media (max-height: 500px) { }

在本例中，它不是应用第一个媒体查询，而是应用第二个媒体查询。我的浏览器最大化后，情况应该相反

@media (min-width: 1080) { }
@media (min-height: 1px) and (max-height: 500px) { }

在这种情况下，最大化时不应用任何媒体查询。当我的浏览器高度最小化时，它仍然不会触发任何一个，即使第二个应该触发

---

就说@media查询没有正确地应用于动态加载的内容。知道怎么了吗？

我也遇到过类似的问题。我找到了解决方案，它是respond.js。如果没有它，所有媒体查询在IE9中都能正常工作。但是我需要它来支持IE8，所以我更新了最新的版本，但是没有任何改变。然后我使用了我的一个“工作良好”项目中的1.3.0版，这就成功了