Tôi sẽ bắt đầu phát triển một trang web mới và tôi sẵn sàng giải quyết các phương pháp khác nhau mà trình duyệt sử dụng để tính chiều rộng và chiều cao của các phần tử (box model stuff). Bằng cách nào đó, nó đã đến với tâm trí của tôi: nếu tôi chỉ áp dụng box-sizing cho tất cả các yếu tố trong trang web?* {Box-sizing: border-box; }: Để biên giới hộp hay không để hộp biên giới tất cả các yếu tố?
Tôi là một trong những người tin rằng box-sizing: border-box; là một trong những lệnh tốt nhất có trong CSS, với tất cả các giới hạn của nó. Tuy nhiên, những hạn chế tương tự là những người làm cho tôi tự hỏi nếu tôi nên áp dụng box-sizing cho tất cả các yếu tố:
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
Tất nhiên trang web của tôi phải phù hợp với trình duyệt càng nhiều càng tốt, và box-sizing tạo ra một số câu hỏi khi chúng ta suy nghĩ về IE7-. Tuy nhiên, đôi khi lịch trình quá chặt chẽ đến nỗi sẽ rất tuyệt vời để đạt được thêm vài phút bằng cách không lo lắng về vấn đề cụ thể này.
Dù sao, bạn có nghĩ rằng áp dụng box-sizing:border-box; cho tất cả các yếu tố là một chính sách tốt hay tôi chỉ nên tiếp tục làm như vậy với các yếu tố thực sự cần đến nó?
Tôi cũng một cho cửa hộp là. Bạn có thể muốn đọc điều này cũng như http://paulirish.com/2012/box-sizing-border-box-ftw/ – Ana