成人英语培训网 加入收藏  -  设为首页
您的位置:成人英语培训网 > 知识百科 > 正文
怎么让iframe自适应浏览器的高度和宽度
怎么让iframe自适应浏览器的高度和宽度
提示:

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

让iframe自适应浏览器的高度和宽度的具体步骤如下: 1、首先设置样式:body{margin:0; padding:0;}。 2、如果不设置body的margin和padding为0的话,页面上下左右会出现空白。 代码如下:。 3、这个方法可以达到让iframe自适应高度的效果,但是如果将窗口放大或缩小效果就不出来了,也就是本文开头讲的。 需要再次刷新,那就不属于自适应了。 代码是: var ifm= document.getElementById("myiframe"); ifm.height=document.documentElement.clientHeight;

iframe自适应高度设置(iframe自适应高度和宽度)
提示:

iframe自适应高度设置(iframe自适应高度和宽度)

您好,现在我来为大家解答以上的问题。iframe自适应高度设置,iframe自适应高度和宽度相信很多小伙伴还不知道,现在让我们一起来看看吧!1... 您好,现在我来为大家解答以上的问题。iframe自适应高度设置,iframe自适应高度和宽度相信很多小伙伴还不知道,现在让我们一起来看看吧! 1、在文件夹里创建两个html文件,一个“index”一个“iframe”。 2、2、在index中添加一个iframe标签,直接嵌入iframe页面。 3、3、在iframe网页中添加了两个固定高度的div内容。 4、4、浏览器打开index页面我们发现iframe部分有滚动条,需要滚动显示页面。 5、5、现在我们在index页面的iframe标签再添加如下的属性。 6、6、再次打开index页面iframe已经高度自适应了。

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

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

1、在文件夹里创建两个html文件,一个“index”一个“iframe”。 2、在index中添加一个iframe标签,直接嵌入iframe页面。 3、在iframe网页中添加了两个固定高度的div内容。 4、浏览器打开index页面我们发现iframe部分有滚动条,需要滚动显示页面。 5、现在我们在index页面的iframe标签再添加如下的属性。 6、再次打开index页面iframe已经高度自适应了。