Question

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

Answer 1

您好：
<iframe id="St" src="1.aspx" scrolling="no" frameborder="0" style="width: 100%;" onload="this.height=this.contentWindow.document.documentElement.scrollHeight">
</iframe>

Answer 2

让iframe自适应浏览器的高度和宽度的具体步骤如下：

1、首先设置样式：body{margin:0; padding:0;}。

2、如果不设置body的margin和padding为0的话，页面上下左右会出现空白。html代码如下：<iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" frameborder="0"></iframe>。

3、这个方法可以达到让iframe自适应高度的效果，但是如果将窗口放大或缩小效果就不出来了，也就是本文开头讲的。需要再次刷新，那就不属于自适应了。代码是：

var ifm= document.getElementById("myiframe");

ifm.height=document.documentElement.clientHeight;