iphone - iframe 内容显示在 iOS 上的 iframe 之外

Question

这是一个演示我面临的问题的 fiddle (jsfiddle.net/salman/RQBra/show/)。 iframe 在所有浏览器(包括适用于 Windows 的 Safari 5)中均按预期显示。但是当我在两个 iOS 设备(iPad 和 iPhone)上查看页面时，iframe 的内容溢出并覆盖了 iframe 右侧的整个区域。这是使用类似 iframe 的页面的屏幕截图:

我该如何解决这个问题？

Answer 1

您可以将其固定在一个 div 中，但在 iPhone 上，如果没有一些 javascript，它将无法滚动。我制作了一个 fiddle ，展示了如何修复 iframe 的大小。

http://jsfiddle.net/RQBra/29/

基本上，您将 iframe 包装在包装器中并为其提供一些 CSS:

#wrapper {
position:relative;
z-index:1;
width:400px;
height:400px;
overflow:scroll;
}