iframe框架自动适应代码
昨天发现一个很蛋疼的问题,如果使用iframe会有自动适应的问题,对此无比的纠结。
在网上搜索了下,结果没找到好的解决方法。最后被迫一个个参数去尝试,结果试出来了。。。
iframe代码:
<iframe scrolling="no" name="right_frame" src="admin_index/default_body" frameborder="0" height="100%" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>556?fdh:556)" width="100%"></iframe>
在我自己的图标当中,柱状图会超出底线,所以需要自己定义一个边界。
<div class="span6"> <div class="row-fluid section"> <div class="span6 chart"> <h4 class="title">Web attack</h4> <div id="hero-bar" style="height: 250px;width: 220%; margen-right:10px;"></div> </div> </div> </div> </div>