iframe框架自适应高度首先设置样式:body{margin:0; padding:0;}如果不设置body的margin和padding为0的话,页面高下旁边会涌现空缺。

html代码如下:<iframesrc=&quot;https://www.371jianzhan.com"id="myiframe"scrolling="no"onload="changeMyFrameHeight()"&gt;</iframe>js代码也得随着改:functionchangeMyFrameHeight(){varifm=document.getElementById("iframepage");ifm.height=document.documentElement.clientHeight;}window.onresize=function(){changeMyFrameHeight();}

window.onresize的浸染便是当窗口大小改变的时候会触发这个事宜。
以是,建公司网站利用此方法可以完美的、真正的让iframe自适应高度了,试试看吧,并且兼容多种浏览器。

htmliframe自适应css在建网站时若何让iframe在阅读器中自顺应高度呢 jQuery
(图片来自网络侵删)