如何在流体布局中设置％高度？

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;} 

记住％是从它的父母继承。