Question

我在这里有一个网站：Campus Tour我也试图在iframe中显示。这里的目标是能够准确地看到学生在移动设备上观看导览时所看到的内容。

以下是iPhone视口：iPhone Viewport

它在Chrome中正常显示，但我无法在IE8中显示它。在IE8中查看时，iframe以完整站点模式显示站点，并且不遵守移动CSS。

这是我的iframe代码：

<div align="center" style="position: fixed; margin-top: 2%; margin-left: 12%; border: 5px solid #f60; width: auto; height: auto;">

                <h2 style="font-weight:bold; background-color: #f60; color: #fff;">iPhone 5 Display</h2>
                    <iframe style="width:568px; height: 320px; " src="http://webfro.gs/south/tour" frameborder="0"></iframe>
            </div>

我用Google搜索了我的内容并阅读了Quirks模式，等等，但不太确定如何应用它。我也不确定这是正确的解决方案。

为了在这里提供帮助，您需要了解更多信息吗？

Answer 1

您的问题是IE8不支持CSS媒体查询，您可以根据视口的大小更改布局。

如果您需要支持IE8，最好的解决方案是使用像Respond.js这样的polyfill脚本，它将对媒体查询语法的支持反向移植到IE8中。

似乎无法在IE8中正确显示iframe？

1 个答案: