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

Question

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

现在，虽然我确实知道给出 width: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;}

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