我正在构建一个非常小的fancybox 2模式,弹出一个iframe,里面显示一些文字和诸如此类的东西。然而,经过这个版本的QA团队已经注意到它迫使网站认为窗口的最大宽度是480px,这会将网站压缩到我建立的响应式媒体查询。
在IE10,Chrome或Firefox中不会发生这种情况。它也不会发生在IE9仿真中。我有IE10,无法在IE的任何版本/移动中复制它,但我可以看到它发生在IE9的每台计算机上。由于我无法复制,我有一点困难时间找到问题。 Fancybox是否存在可能导致此问题的已知错误或问题?
感谢您的帮助!
答案 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的媒体查询。