【发布时间】：2012-09-21 08:49:53
【问题描述】：
我正在开发一个网站，该网站包含几个通过 jQuery 进行的简单 ajax 调用，以将另一个页面的内容加载到模式窗口中。在“现代浏览器”中一切正常，但在所有版本的 Internet Explorer（包括 IE 9）中，当单击链接打开模式窗口时，它会更改页面的布局。
我认为正在发生的事情是 IE 认为弹出窗口是实际的屏幕大小，然后拉入我的媒体查询并将它们应用到页面。我在页面中的 HTML 元素上使用了类来区分 IE 和其他浏览器，并尝试从所有媒体查询中排除 IE，但这并没有完全奏效。
以下是该页面的链接。如果您使用 IE 9 并向下滚动到“关于我们”部分并单击链接，您将在标题中看到布局更改。但是，如果您滚动到“我们在哪里”并单击该链接，则模态窗口内的布局会发生扭曲。
任何帮助将不胜感激，谢谢。
【问题讨论】：
-
只是一个旁注，我喜欢你的网站！很棒的创意设计。
-
无法在 IE8 中重现该问题，但奇怪的是，即使在单击链接之前，主背景图像都被垂直拉伸了大约 50%，但又不相关。
标签： jquery ajax internet-explorer layout