2012-04-20 13 views
0

を拡張しません、私は高さスケールする私のプロジェクトの幅を取得することができますがないです(FirefoxとChromeで試したと私はIEが動作しません理解)最大高さは、サイト

私が使用していCSS :

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

body、html {height:100%}を使用できますか? HTMLとして –

+0

はい、本体 {最大幅:100%。 最大高さ:100%; } – user1062411

+0

html、body {margin:0;パディング:0;幅:100%; height:100%;} ... max-width、max-height ..ではなくbodyタグ内のこのメインセクションですか?または他の部門が外にありますか? bodyタグ内に – rmagnum2002

答えて

4

よく、あなたは800pxの高さを指定します。したがって、あなたのサイトは800ピクセルの高さです。

0

あなたは高さ

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

または

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

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

を追加する必要があり、100%であなたのサイトを拡張する場合:100%;ピクセルで指定された高さを持つ周囲のdivが必要です。 またはsection.mainに必要なピクセルの高さを指定することができます。

最大高さ:100%。最大幅:100%は、このdivが高さと幅で100%大きくならないことを意味します。

max-width:600px;このように、内容は600pxより大きくならないようにします。

0

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

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

%の高さを持っているのdivの場合は、親の高さを定義する必要があります。

境界が問題になることに注意してください。セクションは100%高さ+ 2pxになります。

section 
{ 
box-sizing : border-box 
} 
関連する問題