Question

我正在尝试使用jquery对话框将iframe的模态弹出到同一网站的另一个页面。问题是当调整模式大小时，媒体查询不会在IE8和IE7中触发。（注意：查询在其他地方可以在IE7和IE8上运行 - 感谢css3-mediaqueries.js库，而不是在调整模态时）

相关标记如下：

 <div id="lotrModal" title=""><iframe id="lotrIframe" src=""></iframe>

调用jquery对话框的Javascript

$("#lotrIframe").attr("src", "/leaders-on-the-road/");
$( "#lotrModal" ).dialog({ height: 615, width:800, modal: true });

在CSS文件中，有各种媒体查询用于根据屏幕大小减少列数。

@media screen and (max-width: 1155px) {

.record {
    width: 42%;
    margin-left: 5%;
} }

我在任何其他浏览器上都没有这个问题，我知道媒体查询在IE8和IE7上对我有用（如果我手动转到路上的领导者，src页面并调整屏幕大小，那么列被更改）

任何人都有任何想法为什么IE8中的对话框调整大小以及在其他地方工作时不会触发媒体查询？我环顾四周但没有找到任何相关的帖子 - 非常感谢任何帮助！