html - ブラウザウィンドウのサイズを変更すると、ヘッダーとフッターがひどく見えます

Question

すべてが適切に配置されるというこの問題が発生していますが、ブラウザウィンドウのサイズを変更すると、下部にスクロールバーが表示され、水平にスクロールされます...スクロールすると、ヘッダーとフッターが切り取られ、本当に見苦しくなります。それを修正する方法についてのアイデアはありますか？

score 3 · Accepted Answer

問題は、ヘッダーとフッターがに設定されて#content divいるwidth:1000px;のに対し、がに設定されていることwidth: 100%です。

ヘッダーセレクターとフッターセレクターに追加することでこれを修正してmin-width: 1000px;、ページの幅を超えて縮小されないようにすることができます。

お役に立てれば！

score 3 · Accepted Answer

3

あなた#contentが原因でスクロールを引き起こしています1000px width

于 2012-10-10T05:51:47.717 に答える

score 3 · Accepted Answer

このcssを試すことができます：

html, body{
margin:0;
padding:0;
}

そして、ヘッダーとフッター、およびコンテンツ div のこの css:

header, footer, #content{
min-width: 1000px;
}

score 2 · Accepted Answer

これを使用して修正する必要があります

body {
   width:100%; 
   min-width: 1000px;
}

#content <div>幅があり、1000px;ヘッダー/フッターが設定されているため100%;、通常、ビューポートのサイズから印刷されないため、これを使用して修正できます

html - ブラウザ ウィンドウのサイズを変更すると、ヘッダーとフッターがひどく見えます