5

我正在构建一个非常小的 fancybox 2 模态框,它会弹出一个 iframe,其中显示一些文本和诸如此类的东西。但是,检查此版本的 QA 团队注意到,它迫使网站认为窗口的最大宽度为 480 像素,这使网站无法使用我构建的响应式媒体查询。

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

谢谢你的帮助!

4

1 回答 1

13

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

前任 :

家长:

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

框架:

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

错误在 IE9 的缓存管理器中。如果 css 的 url 完全相同,则 iframe 上 css 的媒体查询将在您的父级上“重新加载”。

于 2012-12-27T17:06:11.387 回答