Должна ли мы устанавливать ширину на обертку div # или <body>?

Множество разметки HTML выглядит следующим образом:

<html>
  <body>
    <div id="wrapper">
      <p>Stuff in here</p>
    </div>
  </body>
</html>

И в большинстве случаев в примерах здесь или в Интернете люди советуют вам применять параметры ширины к #wrapper вместо <body>.

Есть ли причина для этого?

Например, в статье о методах для изящно унижающих медиа-запросов и дать вам некоторый контекст в Техника 1: Ничего не делать:

Слон в комнате Internet Explorer для рабочего стола. При использовании мобильного решения на больших экранах будет отображаться контент в одной колонке, что приводит к болезненному восприятию для пользователя, путь до установленного максимума для комфорта: от 50 до 75 символов. Возможно, стоит установить свойство max-width в вашем основном контейнере, а затем увеличить максимальную ширину в запросе на медиа.

И их CSS:

#wrapper {
 _width: 460px; /* Take that, IE6! */
 max-width: 460px;
}

@media only screen and (width) {

#wrapper {
  max-width: 1200px;
 } 
}

Здесь как он собрался для IE (медиа-запрос закомментирован).

Будет ли какая-либо разница в том, что вместо применения этого к #wrapper мы применили бы его к <body> - со стандартным веб-сайтом в виду?

Любые потенциальные ошибки? Я попробовал это здесь, и, похоже, все в порядке. Просто, если макет становится более продвинутым...

Ответ 1