モニター画面が大きすぎる場合は、Webページのトップヘッダーを管理してください。

Question

ブラウザーの上部にヘッダーがあります。それのためのCSSがある： .topセクション{

position: absolute; 
height: 83px; 
background: #fcfcfc; 
border-bottom: 1px solid #ededed; 
width: 100%; 
min-width: 1000px; 
border-radius: 10px 10px 10px 10px; 

}

Iは、一般的に100％の幅を使用します。ラップトップや小型モニターに適しています。しかし、モニターの画面が21インチのように大きすぎると、見栄えが悪くなります。だから私は、その上部のセクションのヘッダーは、いくつかの最大幅よりも大きくすべきではない。私は 'maz-width：px'というCSS属性を使うことができますが、問題は左と右に対称のマージンがないことです。これは再び悪く見えます。ですから、最大サイズを定義するにはどうすればよいですか？画面のサイズが大きい場合にページが良好に見えるように適切なマージンを設定します。

誰でも手伝ってもらえますか？

Answer 1

使用メディアクエリ、幅に基づいて設定行動：http://webdesignerwall.com/tutorials/css3-media-queries

Answer 2

あなたはそれが、中央に対称的にもトップセクションのbodyとmargin:autoためtext-align:centerを使用し、position:absoluteを無効にしたい場合。これでmax-widthを設定できるようになりました。 this siteにご相談ください。真ん中のボックスにはmin-widthが設定されています（ただし、max-widthはありません）。しかし、スケーリングとブラウザウィンドウのサイズを変更しても、対称的に中央にとどまります。そのボックスに使用されているCSSをチェックし、見出しに同じCSSを使用します。

Answer 3

どうLess frameworkまたはそれは後継FramelessGridだようなものを使用してはどうですか？