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
 });