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 自适应的主要内容,如果未能解决你的问题,请参考以下文章