寫在前面：
最近在搭建專案前台頁面框子的時候，把iframe設定成了固定的高度，導致不同的電腦尺寸訪問的時候，高度差異較大，故查了下，將iframe設定成自動適應螢幕高度的方式，這裡記錄下。
還是直接上**吧
--iframe頁面內容黃色標記的**部分就是主要的。首先將iframe的高度設定成100%，然後在iframe載入後自動呼叫js函式去改變自己的高度，以適應不同的螢幕--%>
<
div
class
="page-content"
style
="">
<
iframe
id="iframe_0"
src="login.jsp"
width
="100%"
height
="100%"
onload
="changeframeheight(this)"
scrolling
="yes"
frameborder
="no"
border
="0"
marginwidth
="0"
marginheight
="0"
allowtransparency
="yes"
>
iframe
>
div>
js方法：
function changeframeheight(that)給個圖可能看的比較直觀點，主要就是減去多餘的高度就可以了
iframe 自適應高度
由於html沒有include或require，做網頁時我們會用iframe來達到包含頁面的目的。如果呼叫的iframe頁面高度會根據內容多少而發生變化，這時通常要保持iframe與內容頁面的高度，以避免出現iframe的滾動條。先搜尋了一下，有不少好的例子，但總覺得說的還不夠明了。下面給出詳細例子...
iframe自適應高度
來自 http ued.koubei.com 2008 05 07 iframe auto fit height 這貼比較長，沒有耐性的朋友請直接拖到帖子末尾的 示例，或者直接去玩我提供的demo。demo頁面 主頁面 iframe a.html 被包含頁面 iframe b.htm 和 ifram...
iframe高度自適應
nl ad this.height document.frames src document.body.scrollheight 例子 1，建立頁面 test.html 頁面中含有乙個 iframe，name為 ifrname id為 ifrid，src 為 iframe.html頁面。2，建立 i...