高度自適應

開發中遇到乙個問題， 要求不管在多高的螢幕下，(什麼都行)到底部的距離都應該和psd一致，flash裡面的問題

//定義寬度

var psdwidth=750;

//定義高度

var psdheight=1448;

//獲取手機螢幕寬度

var w = window.innerwidth || document.documentelement.clientwidth || document.body.offsetwidth;

//獲取手機螢幕高度

var h = window.innerheight || document.documentelement.clientheight || document.body.offsetheight;

let pathw = psdwidth/w;//寬的比例

let pathh = (psdheight- h * pathw)/2;//得到額外的高度 ---------》 (y-a)/2

高度自適應

1.高度不去設定，或者高度設定auto 內容撐開父元素的高度。2.內容撐開父元素的高度 最小高度的設定 min height 3.浮動元素新增高度自適應 新增浮動元素的父元素沒有高度，會出現高度塌陷 1 給出現高度塌陷的元素新增 overflow hidden 原理 overflow hidden ...

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...