0

我正在一个网站上工作,该网站包含几个通过 jQuery 进行的简单 ajax 调用,以将另一个页面的内容加载到模式窗口中。在“现代浏览器”中一切正常,但在所有版本的 Internet Explorer(包括 IE 9)中,当单击链接打开模式窗口时,它会更改页面的布局。

我认为正在发生的是 IE 认为弹出窗口是实际的屏幕大小,然后拉入我的媒体查询并将它们应用于页面。我在页面中的 HTML 元素上使用了类来区分 IE 和其他浏览器,并尝试从所有媒体查询中排除 IE,但这并没有完全奏效。

下面是该页面的链接。如果您使用 IE 9 并向下滚动到“关于我们”部分并单击链接,您将在标题中看到布局更改。但是,如果您滚动到“我们在哪里”并单击该链接,则模态窗口内的布局会变形。

网址:http ://accesstca.com

任何帮助将不胜感激,谢谢。

4

1 回答 1

0

我可以通过使用条件注释( http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ )向 html 元素添加类以针对 IE 来解决此问题。然后我使用这些类在我的媒体查询中排除 IE 某些样式。

于 2012-10-06T22:31:16.457 回答