Question

使用自举网格时，如何使iframe增长以匹配它的高度？据我所知，iframe有一个固定的高度，但当我使用网格来调整列时，它不会调整大小。因此，使用其他设置负载高度的解决方案不起作用。

<div class="container-fluid">

    <div class="row">
        <div class="col-md-12">
            <div>
                <DIV>
                    <DIV>
                        <IFRAME XXXstyle="min-height: 100%; width:100%" xstyle="BORDER-TOP: 0px; HEIGHT: 100%; BORDER-RIGHT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px" 
                            frameBorder=0
                            scrolling=no src="footer.html">
                        </IFRAME>
                    </DIV>
                </DIV>
            </div>
        </div>
    </div>
</div>

对于footer.html，我有：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-2 col-md-offset-1">
        </div>
        <div class="col-md-2 ">
        </div>
        <div class="col-md-2 ">
        </div>
        <div class="col-md-2 ">
        </div>
        <div class="col-md-2 ">
        </div>
    </div>
</div>

感谢。

Answer 1

我让它像这样工作，并在body onload事件中调用它。

我不知道怎么用这个jqueryfy body onload事件虽然......

$( window ).resize(function() {
  resizeFrame(document.getElementById('footerIFRAME'))
});

function resizeFrame(f) {
  f.style.height = f.contentWindow.document.body.scrollHeight + "px";
}

使用引导网格自动调整iframe大小

1 个答案: