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