有一个 iframe，它的内容基本上超出了框架的容纳范围。框架的大小基于浏览器屏幕大小，并让溢出滚动，这在除 iOS 之外的所有浏览器上都能完美运行。在 iOS 上，safari 决定调整框架大小以适应内容。不是你所期望的。
jsFiddle 上的示例代码：
http://jsfiddle.net/R3PKB/2/
在您的 iOS 设备上尝试一下：
http://jsfiddle.net/R3PKB/2/embedded/result
HTML：
<div class="frame_holder">
<iframe class="my_frame">
// The content
</iframe>
</div>
The CSS:
body {
position: relative;
background: #f0f0f0;
}
.frame_holder {
position: absolute;
top: 50px;
bottom: 50px;
left: 50px;
right: 50px;
background: #ffffff;
}
.my_frame {
width: 100%;
height: 100%;
border: 1px solid #e0e0e0;
}
您可以通过添加一个包装 div 来使其工作overflow: auto; and -webkit-overflow-scrolling:touch;。
这是你的例子：http://jsfiddle.net/R3PKB/7/
根据之前关于 SO 的问题，这是自 iOS 4 以来的一个错误。我在这里找到了更多信息：https://stackoverflow.com/a/6721310/1047398
iOS (iPad) 上的 iframe 内容裁剪问题
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
