css - 最大高さはサイトをスケーリングしません

Question

プロジェクトの幅をスケーリングすることはできますが、高さをスケーリングすることはできません (FireFox と Chrome で試してみましたが、IE が機能しないことを理解しています)

私が使用しているCSSは次のとおりです。

section.main 
{
 max-height: 100%; 
 max-width: 100%; 
 border: 1px solid black; 
 width: 1000px; 
 height: 800px;
}

Answer 1

高さを 800px に指定します。したがって、サイトの高さは 800px です。

Answer 2

サイトを 100% 拡張したい場合は、追加する必要があります

section.main
{
  height:100%; width:100%
}

また

section.main
{
  min-height:100%; min-width:100%
}

http://jsfiddle.net/RQvLF/1/

高さ:100%; ピクセル単位で指定された高さを持つ周囲の div が必要です。または、section.main に必要なピクセルの高さを与えることができます。

最大高さ:100%; max-width:100% は、この div の高さと幅が 100% を超えてはならないことを意味します。

あなたが言うことができるよう max-width:600px;に：あなたの内部コンテンツが600pxより大きくならないように.

Answer 3

あなたが持っていることを確認してください：

html, body
{
width : 100%;
height : 100%;
}

div が % 高さを持つようにするには、親の高さを定義する必要があります。

境界線が問題を引き起こすことに注意してください。セクションは高さ 100% + 2px になります。あなたは使用することができます：

section
{
box-sizing : border-box
}