我正在尝试使用 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 上对我有用(如果我手动转到 leader-on-the-road、src 页面并调整屏幕大小,那么这些列是正在改变)
任何人都知道为什么在 IE8 及以下版本中调整对话框大小在其他任何地方都可以使用时不会触发媒体查询?我环顾四周,但没有找到任何相关的帖子 - 非常感谢任何帮助!