iphone - 如何在流体布局中设置 % 高度？

Question

我正在为多种设备(台式机/平板电脑/移动设备)设计流畅的布局页面(在 CSS 中以 % 定义所有内容)

现在虽然我明白给 width:100% 需要整个视口(viewport)可用宽度(即可用浏览器区域)并相应地计算所有 % 宽度？

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

Answer 1

你必须像这样给你的 body 风格......

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

由于您的 body 具有视口(viewport)的高度，因此可以使用百分比指定它的任何子项，例如屏幕的 50% 的 div 将是...

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

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