html - IFrame 内的 Div 未采用给定高度

Question

我们使用的 IFrame 在所有浏览器中都可以正常查看。但是，在 IPad 中查看时，IFrame 中的 div 内容溢出如下。 引用链接IFrame in IOS ，这里给出的解决方案显示fiddle给添加一个包装器

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

到 IFrame 的父 div。但是IFrame里面的div还是Overflow below

下图显示了在浏览器中查看时出现在 iframe 的 div 内的滚动条。

在 iPad 中查看

如有任何建议，我们将不胜感激。

Answer 1

我猜 Iframe 中有一个 HTML 文件，所以在 HTML 中将内容包装在包装器 div 中

#wrapper {
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

它的大小将相对于 html 主体，而不是 viewportSizes 可能如您所愿第二行正在处理 Iframe 点击时的闪烁，发生在 ios 中......