2011-10-21 21 views
9

Điều lạ lùng tôi nhận thấy khi cố gắng chuẩn hóa css trên các trình duyệt là các thuộc tính chiều cao dòng mặc định cho các phần tử h và các loại thẻ chính khác nhau trên các trình duyệt như Chrome và Firefox , nhưng không được thiết lập ở mức user-agent:Tìm kiếm/đặt giá trị mặc định chiều cao dòng css

Hơn nữa, normalizers phổ biến như normalize.css không chăm sóc mà một trong hai.

Vì vậy, câu hỏi của tôi là hai phần:

  1. Nếu dòng mực nước được thể không được thiết lập ở mức user agent, nơi được các giá trị mặc định đến từ đâu?
  2. Tôi không muốn bình thường hóa chiều cao của bản thân, nhưng nếu tôi phải làm, ví dụ tốt về một số mặc định là đâu?
+2

Xem [tại đây] (http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/) và [tại đây] (http://dowebsitesneedtolookexactlythesameineverybrowser.com/). –

+4

@ Truth- Không hữu ích. Nếu bạn đang cố gắng nói rằng tính nhất quán giữa các trình duyệt không quan trọng, đó không phải là ý kiến ​​mà hầu hết các nhà thiết kế web chia sẻ. Dù bằng cách nào, không giải quyết được câu hỏi. – Yarin

+1

@Yarin - Sự thật đôi khi có thể bị tổn thương :) – easwee

Trả lời

21

Tôi đồng ý rằng "mọi thứ không giống hệt nhau" là một phần của một cảnh sát, đặc biệt là ngay cả khi IE có trên mạng với các tiêu chuẩn khá tốt.

Giá trị độ cao tương đối (120%, 1, 1em) dựa trên kích thước phông chữ được tính toán, Bình thường được dựa trên kích thước phông chữ nhưng có thể và thay đổi từ trình duyệt đến trình duyệt, như bạn có thể thấy bằng cách mở ví dụ này trong Chrome FF và: http://jsfiddle.net/mahalie/BSMZe/6/

tôi thường tìm đến HTML5 Boilerplate cho hàng đợi trên thực hành tốt nhất vì nó là rất phổ biến (và do đó cũng hiệu đính/dưới rất nhiều xem xét kỹ lưỡng Họ sử dụng:.

body { margin: 0; font-size: 13px; line-height: 1.231; } 

Và cuộc thảo luận của họ về nó khá thú vị mặc dù không có viễn cảnh nào là người chiến thắng rõ ràng: https://github.com/h5bp/html5-boilerplate/issues/724

+1

@ mahalie- Cảm ơn bạn đã đẩy mạnh và đưa ra câu trả lời thực sự! Liên kết tuyệt vời. +2 – Yarin

+4

Liên kết bây giờ sẽ là https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css –

+0

Đây là lỗi thời vì chúng rõ ràng đang sử dụng một cách tiếp cận khác (và dễ tiếp cận hơn) ngay bây giờ bằng cách cho phép trình duyệt sử dụng các giá trị mặc định của nó. –

Các vấn đề liên quan