Iphone 如何在流体布局中设置高度百分比？

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

现在，虽然我确实理解了“给定宽度：100%”将获取整个视口的可用宽度（即可用浏览器区域），并相应地计算所有的%宽度

---

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

您必须给出这样的体形

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

由于您的身体具有视口的高度，因此可以使用百分比指定它的任何子对象，例如屏幕50%的div将

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

---

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

Ok..所以当我们给身体100%的高度时，它在移动设备上是如何渲染的..比如%是基于设备视口还是基于视觉视口计算的？另外，为什么我们还需要为高度指定其他两个属性？其他两个属性确保它在较旧的浏览器上工作，在较新的浏览器中，您只需要指定宽度和高度。对于移动设备，我不确定，但我猜它应该是可视视口，就像在笔记本电脑上调整浏览器的大小一样（即可视视口）然后回顾其他元素。嗯……对……这就是我想知道的……高度：100%在移动浏览器上是否能像预期的那样工作……比如宽度如何工作……我只是试着根据你给出的设置高度，但它不起作用……它只是根据内容获取高度……当你说你使用了最小高度：50%；高度：自动；对于较旧的浏览器，请确认您是否指的是IE6/7和其他浏览器。请确认，因为我主要在newere桌面浏览器和iPhone/iPad上进行测试。。