2017-02-09 75 views
0

如何在使用引导网格时增长iframe以匹配其高度?据我所知,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> 

感谢。

回答

0

我知道它是这样工作的,再加上在body onload事件中调用它。

我不知道如何与这虽然给jqueryfy身体onload事件......

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

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