DIV在100%下iframe宽度高度的自适应的问题

xiaoxiao2021-02-28  69

很多时候在做B/S后台系统的时候,一般管理页左边为管理菜单,右边为操作页面,为了维护方便通常会使用iframe来展示操作管理页面,显然用固定的宽度和高度并不能满足要求,经常我们需要让页面自动适应用户分辨率,提高用户体验。下面是可以自适应代码,网页表头声明为xhtml1-transitional.dtd才能支持。 <iframe scrolling="auto" name=" main " src=" aaa.html "  frameborder="0" height="100%" οnlοad=" 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的宽度为100%时(<div id=" MarRight " class=" MarR ">iframe 框架</div>),IE6、火狐等浏览器iframe并没有自适应DIV的宽度和高度,而是显示不全或出现滚动条的情况。 解决办法如下: <script type="text/javascript"> window.οnlοad=function(){   var a=document.body.clientWidth-182;  //取得iframe框架的实际宽度   // alert(a);  //弹出数值测试   document.getElementById("MarRight").style.width=a+"px"; } </script> 天空下的雨:绿色标示部分根据需要修改,通过上面的代码,就可以在其他浏览器中iframe的自适应宽度和高度了。
转载请注明原文地址: https://www.6miu.com/read-54356.html

最新回复(0)