我們應該在div＃wrapper上設置寬度還是<body>？

很多人的HTML標記看起來是這樣的：我們應該在div＃wrapper上設置寬度還是<body>？

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

而且大部分的例子的時候這裏，還是在網絡上，人們認爲，你應該申請寬度設置爲#wrapper，而不是<body>。

這是否有一個基本原因？

例如，在techniques for gracefully degrading media queries的一篇文章中，並給你技術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; 
} 
}

這裏的how it'd come together for IE（媒體查詢被註釋掉）。

會有什麼區別，而不是將其應用到#wrapper，我們會將它應用到<body> - 標準網站的標準？

任何潛在的錯誤？，它似乎是確定的。如果佈局變得更加先進...

來源

2012-11-03 Baumr

現在沒有真正的理由再有一個包裝div了。 – BoltClock

數字。但是怎麼來？ – Baumr

那麼，你想盡可能少的元素，我想。然而，有很多情況下＃頁面包裝和正文不可互換。在很多情況下，你需要使用body作爲背景顏色，而不是html標籤。在這些情況下（例如加權的頁腳），您需要身體伸展html，並且您需要一個包裝來包含內容，也許中心內容，並強制身體伸展幷包含它。

所以 - 我想我會說，大多數人使用包裝，因爲他們看到它的第一堂課或在線教程。我認爲這在很大程度上是很多人的習慣。我會離開身體和邊緣包裝到0自動和使用像你有一個最大寬度。這只是EI 8和之前 - can I use media queries ? - 也許你應該檢測EI 8並製作一個獨特的樣式表。我發現在爲mobil定義所有內容之後，我的媒體查詢只是幾行之後的迭代 -

來源

2012-11-05 03:22:12 sheriffderek

+1，因爲「因爲他們在第一堂課看到它」。我知道這是一種習慣，因爲客戶總是傾向於改變他們的想法，而且更容易擁有，而不是稍後退出並搗鼓它，當然，我是這樣理解的！ –

我們應該在div＃wrapper上設置寬度還是<body>？

回答

相關問題