iframe 自适应

Posted 牵手的承诺1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe 自适应相关的知识,希望对你有一定的参考价值。

<iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" onload="changeFrameHeight()" frameborder="0"></iframe>

js代码也得跟着改

function changeFrameHeight(){
    var ifm= document.getElementById("iframepage"); 
    ifm.height=document.documentElement.clientHeight;

}

window.onresize=function(){  
     changeFrameHeight();  

window.onresize的作用就是当窗口大小改变的时候会触发这个事件。

所以,使用方法二就可以完美的、真正的让iframe自适应高度了,试试看吧,并且兼容多种浏览器。

 

以上是关于iframe 自适应的主要内容,如果未能解决你的问题,请参考以下文章

vue下iframe怎么自适应高度

怎么让iframe自适应浏览器的高度和宽度

layui的后台布局怎么让iframe的高度自适应

如何让iframe里面的内容宽度自适应

怎么将iframe框设置自适应

iframe自适应高度