0

複数のデバイス (デスクトップ/タブレット/モバイル) 用の可変レイアウト ページ (CSS で % ですべてを定義) を設計しています。

width:100% を指定すると、使用可能なビューポート全体の幅 (つまり、使用可能なブラウザー領域) が取得され、それに応じてすべての % 幅が計算されることを理解していますか?

しかし、私の質問は、流動的なレイアウト CSS を定義するために、「ピクセル」の高さを % の高さに設定または変換するにはどうすればよいですか?

4

1 に答える 1

2

あなたはあなたの体のスタイルをそのように与えなければなりません...

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

体にはビューポートの高さがあるため、その子であるすべてのものは、画面の div 50% のようにパーセンテージを使用して指定できます...

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

% は親から継承されることに注意してください。

于 2011-09-26T13:44:19.140 に答える