Rất nhiều đánh dấu HTML nhân dân trông như thế này:Chúng ta có nên đặt chiều rộng trên bao bì div # hoặc <body> không?
<html>
<body>
<div id="wrapper">
<p>Stuff in here</p>
</div>
</body>
</html>
Và phần lớn thời gian trong ví dụ ở đây, hoặc trên web, người ta gợi ý rằng bạn nên áp dụng các thiết lập chiều rộng đến #wrapper
, thay vì <body>
.
Có lý do cơ bản nào cho điều đó không?
Ví dụ, trong một bài viết về techniques for gracefully degrading media queries, và cung cấp cho bạn một số bối cảnh trên Kỹ thuật 1: Không làm gì:
Con voi trong phòng là Internet Explorer cho desktop. Với giải pháp di động đầu tiên, màn hình lớn sẽ hiển thị nội dung trong một cột, dẫn đến trải nghiệm đọc đau đớn cho người dùng, cách vượt quá mức tối đa được thiết lập để tạo sự thoải mái: 50 đến 75 ký tự. Có thể đáng để đặt thuộc tính chiều rộng tối đa trong vùng chứa chính của bạn và sau đó tăng chiều rộng tối đa đó trong truy vấn phương tiện.
Và CSS của họ:
#wrapper {
_width: 460px; /* Take that, IE6! */
max-width: 460px;
}
@media only screen and (width) {
#wrapper {
max-width: 1200px;
}
}
Dưới đây là how it'd come together for IE (query phương tiện truyền thông là nhận xét ra).
Sẽ có bất kỳ sự khác biệt nào thay vì áp dụng điều đó cho #wrapper
, chúng tôi sẽ áp dụng nó cho <body>
- với trang web tiêu chuẩn trong đầu?
Bất kỳ lỗi nào có thể xảy ra? I tried it here và có vẻ như không sao. Chỉ cần điều gì xảy ra nếu bố cục được nâng cao hơn ...
Không có lý do thực sự nào để có một trình bao bọc nữa vào những ngày này. – BoltClock
Số liệu. Nhưng làm thế nào đến? – Baumr