[TOC] # iframe框架自适应页面高度 ## 前言 现在用iframe框架的人越来越少了，但是在做系统资源开发，三栏式的开发时候，iframe还是可以的，这次开发的这套系统中，iframe的高度一直搞不定，pc设置了高度不兼容移动端（我这个项目需要pc和移动端都兼容）然后前期我的想法是：用iframe里面内容的高度来撑开iframe，从而代替高度。 但是并不可以，找了很多种方法，并测试然后，并不行！(难道是我找错了？代码写错了？) 最后我想了个办法，根据可视区域高度（窗口的高度）来动态赋值给iframe然后把iframe的滚动条显示出来，这样就不会“双滚动条”来显示了。并且兼容手机端 ## 代码（html） ~~~ <iframe src="home.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes" width="100%" height="100%" id="iframepage" name="iframepage" ></iframe> ~~~ ## 代码（js） ~~~ <script type="text/javascript"> var height=$(window).height()-183; //获取页面高度，因为是三栏式布局，我把头部和底部的高度全部加上然后减掉 $("#iframepage").attr("height",height); </script> ~~~ 上面这个代码真的很简单，一看就会，**伸手党们，别忘了引入jquery哦~**