表高度百分比不起作用

Question

我正在开发一个移动网站并尝试使用非常简单的标记。

以下是我的代码，它给了我一个问题：

<div class="abc">
  <div>&nbsp;</div>
  <table>

  </table>
</div>

CSS

.abc {height:some-dynamic-value-in-px}

.abc div {height:5%;}
.abc table {height:95%;}

问题是这个代码适用于所有最新的手机。但是当我检查索尼ericson（500i） 表格高度来自父div abc并且UI被扭曲。 我查看了这个网站http://www.apptools.com/examples/tableheight.php 身体高度{100％}，但仍然没有成功。 请让我知道我哪里出错了。

另外，当我在px中给出高度时，它适用于所有手机。但我想知道百分比不起作用的原因。

Answer 1

如果您已经知道div的高度，那么最好在px中使用固定尺寸。

如果没有必要，请尝试 避免 复杂性。

对于某些浏览器，提供body { height: 100%; }可能还不够。

html, body { height: 100%; }

.abc { height:100%; }
.abc div { height:5%; }
.abc table { height:95%; }

另外，不要忘记在您的网页上加入 DOCTYPE 。