我在这里有一个网站：Campus Tour，我也想在iframe中显示。这里的目标是当学生在移动设备上观看游览时，能够准确查看学生正在看什么。
这是iPhone视口：iPhone视口
它可以在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模式的信息，等等，但是还不确定如何应用它。我也不确定这是否是正确的解决方案。
您需要什么其他信息来协助您？
您的问题是IE8不支持CSS媒体查询，您正在使用CSS媒体查询根据视口的大小更改布局。
如果您需要为此支持IE8，最好的解决方案是使用诸如Respond.js之类的polyfill脚本，该脚本会将对媒体查询语法的支持反向移植到IE8中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句