1

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

下面是我的代码，这给我带来了问题：

<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%;}

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

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

4

1 回答 1

0

如果您已经知道 div 的高度，那么最好在px.

如果没有必要，尽量避免复杂性。

对于某些浏览器来说，给予body { height: 100%; }可能还不够。

html, body { height: 100%; }

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

另外，不要忘记在您的网页上包含DOCTYPE 。

于 2012-07-12T05:29:50.790 回答