そんなときは、widthの代わりに、max-widthを使ってみよう。すると、ブラウザのサイズが小さい時の操作性も向上するだろう。携帯用のサイトを作るときには、特に重要だ。確認のため、ブラウザのサイズを変えながら、このページを見てくれ!
ともかく、max-widthは、IE7+を含む主要なブラウザでサポートしている。だから、どんどん使ってくれてかまわない。
CSSレイアウトを学ぶ
#main {
max-width: 600px;
margin: 0 auto;
}
そんなときは、widthの代わりに、max-widthを使ってみよう。すると、ブラウザのサイズが小さい時の操作性も向上するだろう。携帯用のサイトを作るときには、特に重要だ。確認のため、ブラウザのサイズを変えながら、このページを見てくれ!
ともかく、max-widthは、IE7+を含む主要なブラウザでサポートしている。だから、どんどん使ってくれてかまわない。
