Jquery - 如何动态调整iframe的高度？

Question

我正在尝试使用此代码将iframe的高度调整为浏览器窗口的高度。我看到dochit填充了正确的值，但它没有将其传递给iframe。当我使用<div>标记代替iframe时，它可以很好地调整大小。

$(window).resize(function()  {
    var dochit = $(document).height();
    $("#pmividcon").css("height", dochit);
});

Answer 1

您可以设置包装器，然后将框架设为100％，请检查jsfiddle

#wrapper {
    width:400px;
    height:400px;
}
#myFrame {
    height:100%;
    width:100%;
}

<div id="wrapper">
    <iframe src="http://www.jquery.com" id="myFrame" />
</div>

    var dochit = $(document).height();
$("#wrapper1 ").css({
     "height": dochit + "px
 });