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

Question

我正在为多个设备（桌面/平板电脑/手机）设计流畅的布局页面（在CSS中定义所有内容）

现在虽然我明白给出宽度：100％需要整个视口可用宽度（即可用的浏览器区域）并相应地计算所有％宽度？

但我的问题是如何设置或转换任何“像素”高度为％高度以定义流体布局CSS？

Answer 1

你必须给你的身体样式......

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

由于你的身体有一个视口的高度，所以任何孩子都可以使用百分比指定，就像屏幕的50％div一样......

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

记住％是从其父级继承的。