internet-explorer-9 - Fancybox 2 在 IE 中强制响应式媒体查询

Question

我正在构建一个非常小的 fancybox 2 模式，它会弹出一个 iframe，其中显示一些文本和其他内容。然而，检查此构建的 QA 团队注意到，它强制网站认为窗口的最大宽度为 480 像素，这使网站无法满足我构建的响应式媒体查询的要求。

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

感谢您的帮助!

Answer 1

同样的问题，您必须将 css' url 更改为 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 的媒体查询会“重新加载”到您的父级上。