我正在一个网站上工作,该网站包含几个通过 jQuery 进行的简单 ajax 调用,以将另一个页面的内容加载到模式窗口中。在“现代浏览器”中一切正常,但在所有版本的 Internet Explorer(包括 IE 9)中,当单击链接打开模式窗口时,它会更改页面的布局。
我认为正在发生的是 IE 认为弹出窗口是实际的屏幕大小,然后拉入我的媒体查询并将它们应用于页面。我在页面中的 HTML 元素上使用了类来区分 IE 和其他浏览器,并尝试从所有媒体查询中排除 IE,但这并没有完全奏效。
下面是该页面的链接。如果您使用 IE 9 并向下滚动到“关于我们”部分并单击链接,您将在标题中看到布局更改。但是,如果您滚动到“我们在哪里”并单击该链接,则模态窗口内的布局会变形。
任何帮助将不胜感激,谢谢。