iphone - 关于 CSS % height 的问题

Question

如果我定义一个CSS如下；

div {height: 50%;} 

这是否适用于大多数现代桌面浏览器(IE8+、FF、Safari)和移动浏览器(iPhone/iPad 等)

跨浏览器支持是否需要指定以下2个附加属性

min-height: 50%; height: auto;

我是在流体设计的背景下问这个问题的(即同一页面将针对多种设备进行扩展......桌面/平板电脑/移动设备)。所以请告诉我应该采用哪种首选方法。

Answer 1

不，你不需要那些。

但是:高度仅相对于父级。父级默认没有高度(更准确地说是它里面的子级的高度)。

所以你需要:

body,html { height: 100%; }

因此指定一个“起始”高度，您可能还需要保持“高度链”处于事件状态。

使用 min-height 而不是 height 的原因是 height 是固定的——无论里面有什么，它都不能超过那个高度。这可能无法正常工作。因此，人们改为使用 min-height 使其至少达到他们想要的高度，但可以增长。

min-height 的问题在于它不适用于所有浏览器。