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

問題は、このコードがすべての最新の携帯電話で機能することです。しかし、sony ericson (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%; }

また、Web ページにDOCTYPEを含めることを忘れないでください。

于 2012-07-12T05:29:50.790 に答える