iframe框架自适应高度首先设置样式:body{margin:0; padding:0;}如果不设置body的margin和padding为0的话,页面高下旁边会涌现空缺。
html代码如下:<iframesrc="https://www.371jianzhan.com"id="myiframe"scrolling="no"onload="changeMyFrameHeight()"></iframe>js代码也得随着改:functionchangeMyFrameHeight(){varifm=document.getElementById("iframepage");ifm.height=document.documentElement.clientHeight;}window.onresize=function(){changeMyFrameHeight();}
window.onresize的浸染便是当窗口大小改变的时候会触发这个事宜。以是,建公司网站利用此方法可以完美的、真正的让iframe自适应高度了,试试看吧,并且兼容多种浏览器。