Fancybox 2在IE中强制响应媒体查询

时间:2012-12-18 17:50:16

标签: internet-explorer-9 fancybox fancybox-2

我正在构建一个非常小的fancybox 2模式,弹出一个iframe,里面显示一些文字和诸如此类的东西。然而,经过这个版本的QA团队已经注意到它迫使网站认为窗口的最大宽度是480px,这会将网站压缩到我建立的响应式媒体查询。

在IE10,Chrome或Firefox中不会发生这种情况。它也不会发生在IE9仿真中。我有IE10,无法在IE的任何版本/移动中复制它,但我可以看到它发生在IE9的每台计算机上。由于我无法复制,我有一点困难时间找到问题。 Fancybox是否存在可能导致此问题的已知错误或问题?

感谢您的帮助!

1 个答案:

答案 0 :(得分:13)

同样的问题,您必须将您的css'网址更改为您的iframe,例如使用GET。

前:

家长:

<link rel="stylesheet" href="http://url.css" /> or 
<link rel="stylesheet" href="http://url.css?v=X" />

iframe:

<link rel="stylesheet" href="http://url.css?v=Y" /> or 
<link rel="stylesheet" href="http://url.css?v=X&f=1" />

Bug在IE9的缓存管理器中。如果css的网址非常相同,则会在您的父级“重新加载”iframe上的css的媒体查询。