12
人々のHTMLマークアップの多くは、次のようになります。div＃ラッパーまたは<body>の幅を設定する必要がありますか？
<html>
<body>
<div id="wrapper">
<p>Stuff in here</p>
</div>
</body>
</html>
そして、ここでの例では、ほとんどの時間、またはウェブ上には、人々があなたの代わりに<body>の、#wrapperに幅の設定を適用すべきであることを示唆しています。
根本的な理由はありますか？
techniques for gracefully degrading media queriesの記事で例えば、およびテクニック1にあなたにいくつかのコンテキストを与えるために：
部屋に象がデスクトップ用のInternet Explorer です：何もを行いません。 モバイル先着のソリューションでは、大画面ではコンテンツ が1つの列に表示されるため、ユーザーにとって朗読の苦労を経験します。 は、快適性のために確立された最大値を超えて50〜75文字です。 メインコンテナにmax-widthプロパティを設定し、メディアクエリでその最大幅を上げることは価値があります。
そして、彼らのCSS：
#wrapper {
_width: 460px; /* Take that, IE6! */
max-width: 460px;
}
@media only screen and (width) {
#wrapper {
max-width: 1200px;
}
}
はここhow it'd come together for IE（メディアクエリがコメントアウトされます）です。
#wrapperに適用する代わりに、標準のウェブサイトを念頭に置いて<body>に適用しますか？
潜在的なバグはありますか？、それはOKと思われます。レイアウトがさらに高度になったらどうなるでしょうか...
最近ラッパーdivを持つ本当の理由はありません。 – BoltClock
図。しかしどうして？ – Baumr