[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哦~**