如何在流體佈局中設置％高度？

Question

我設計的流體佈局頁（定義在CSS中的％家居）爲多個設備（臺式機/平板電腦/手機）

現在，雖然我也明白，讓寬度：100％需要整個視口可用寬度（即提供瀏覽器區域）並相應地計算所有的％寬度？

但我的問題是如何設置或轉換任何「像素」高度％高度定義流體佈局CSS？

Answer 1

你必須給你的身體的風格是這樣的...

body {width: 100%; height: 100%; min-height: 100%; height: auto;} 

，你的身體有視口的高度，任何是它的一個孩子可以用百分比來指定，像一個div 50 ％的屏幕將是...

body div {height: 50%; min-height: 50%; height: auto;} 

記住％是從它的父母繼承。