max-width

#main {
  max-width: 600px;
  margin: 0 auto; 
}
<div id="main">

そんなときは、widthの代わりに、max-widthを使ってみよう。すると、ブラウザのサイズが小さい時の操作性も向上するだろう。携帯用のサイトを作るときには、特に重要だ。確認のため、ブラウザのサイズを変えながら、このページを見てくれ!

ともかく、max-widthは、IE7+を含む主要なブラウザでサポートしている。だから、どんどん使ってくれてかまわない。

</div>
  • Creative Commons License
  • Ads by Bocoup