Eine Menge Leute, die HTML-Markup sieht wie folgt aus:Sollen wir Breite auf div # Wrapper oder die <body> setzen?
<html>
<body>
<div id="wrapper">
<p>Stuff in here</p>
</div>
</body>
</html>
Und die meiste Zeit in den Beispielen hier, oder im Internet, die Menschen legen nahe, dass Sie Breite Einstellungen auf die #wrapper
anstelle des <body>
gelten sollte.
Gibt es einen Grund dafür?
Zum Beispiel in einem Artikel über techniques for gracefully degrading media queries, und Sie einige Kontext auf Technik 1 geben: Nichts tun:
Der Elefant im Raum ist Internet Explorer für den Desktop. Mit einer mobilen ersten Lösung, große Bildschirm für den Benutzer, Weg vorbei an dem festgelegten Höchst für Komfort den Inhalts in einer Spalte, was zu einer schmerzhaften Leseerlebnis Anzeige: 50 bis 75 Zeichen. Es könnte sich lohnen, eine Eigenschaft für maximale Breite in Ihrem Hauptcontainer festzulegen und dann diese maximale Breite in einer Medienabfrage zu erhöhen.
Und ihre CSS:
#wrapper {
_width: 460px; /* Take that, IE6! */
max-width: 460px;
}
@media only screen and (width) {
#wrapper {
max-width: 1200px;
}
}
Hier how it'd come together for IE (Medienabfrage wird kommentiert out).
Würde es einen Unterschied geben, anstatt es auf #wrapper
anzuwenden, würden wir es auf <body>
anwenden - mit Blick auf die Standard-Website?
Mögliche Fehler? I tried it here, und es scheint in Ordnung zu sein. Was ist, wenn das Layout weiter entwickelt wird ...
Es gibt keinen wirklichen Grund, einen Wrapper div in diesen Tagen nicht mehr zu haben. – BoltClock
Zahlen. Aber wie kommt es? – Baumr