网页开发过程中我们经常遇到需要将iframe自适应浏览器窗口高度的情况,这里我们看看怎么解决这个问题!
工具/原料
1
网页编辑器Dreamweaver CS6
2
浏览器
方法/步骤
2
我们设置一下页面属性,进入修改菜单,就可以看到第一个选项就是页面属性了,在外观CSS里面,我们只需要设置边距为0即可。
3
设置完成后,我们回到代码,这时候就会多了几行设置body的css代码了,然后我们继续编写iframe随浏览器窗口大小改变而改变的JavaScript代码。
6
接着我们恢复代码,就可以看到页面显示完整了,如下图。这里我们的宽没有设置很好,仅仅作为测试高度自适应用。
注意事项
注意iframe随窗口大小变化