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

Question

我正在使用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查询不适用于动态加载的内容。知道什么是错的吗？

Answer 1

我遇到了类似的问题。我找到了解决方案，它是respond.js。没有它，所有媒体查询在IE9中都运行良好。但我需要它为IE8所以我更新到持续版本，但没有任何改变。然后我从我的一个“好工作”项目中使用了1.3.0版，这就是诀窍。