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下面

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

在iPad中观看

任何建议都将不胜感激。

Answer 1

我猜在iframe里面有一个HTML文件，所以用HTML包装内容包装器div

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

它的大小将相对于html正文，而viewportSizes可能是你希望第二行处理iframe上的闪烁点击，发生在ios'...

Answer 2

you can use this;
<div> tag should be set as.
<div style="overflow:hidden"></div>