css - ウィンドウが十分に広い場合、コンテンツを中央に配置

Question

多くのウェブサイトは、ページが最小幅であるという手法を使用しており、ブラウザーがこれよりも幅が広い場合、コンテンツは中央に配置されます。この Facebook の場合の完璧な例です。http://www.facebook.comを開いてブラウザ ウィンドウを最小幅までドラッグし、ウィンドウが画面の幅に収まるまでゆっくりとドラッグします。ページのコンテンツは同じサイズのままですが、スペースがある場合は中央に配置されます。これはどのように達成されますか？

Answer 1

幅または最大幅を設定することもできます。

#maincontainer {
width:90%; /* to show it can have width + max-width */
max-width:1020px;
margin:auto;
}

Answer 2

CSS メディア クエリの使用。http://css-tricks.com/css-media-queries/を読んでください。すばらしい入門書です。