Javascript iframe高度仅在Chrome上存在问题

我在Chrome上的iframe高度有问题。所有其他常见的浏览器，如IE、Opera、Safari和FF都可以正常工作

在所有浏览器中都可以，但在Chrome浏览器中，页脚后面的页面底部会出现一个很大的空白。如果我在iframe中降低高度，iframe将很小，但页脚后的页面底部没有大的空白

有人能帮我吗？

试试看

iframe#ifTest{
   width:960px;
   height:790px;
}

---

并从iframe标记中删除宽度和高度，但iframe调用外部页面。我的解决方案中没有此页面。我尝试了一些javascript，比如

函数大小调整框架（f）{
f、 style.height=f.contentWindow.document.body.scrollHeight+“px”；
}

这对我很有帮助（在Chrome和Moz.Firefox中工作）：

iframe{
高度：100vh；//没有它就不能工作
宽度：100%；
溢出：隐藏；
}

我认为

高度

和

宽度

属性表示为像素，不需要“px”（

width=“960”

而不是

width=“960px”

）。“px”可能会在铬中引起一些怪癖。另外，正如@Warface所提到的，请尝试使用CSS设置高度和宽度（inline

style=“position:inherit；width:960px；height:790px”

）。我已经尝试过使用您的代码并添加Google作为加载页面，它在Chrome上运行良好。

iframe {
    height:100vh; // without it doesn't works
    width: 100%;
    overflow:hidden;
}

<iframe frameborder="0" name="iframe_article"></iframe>