Cuộc tranh luận về em VS px VS% trong kiểu chữ có còn hợp lệ không

Tôi đã đọc một vài bài viết về lý do tại sao em tốt hơn px trong kiểu chữ. Và cơ sở phải ở%, tốt nhất là phải có body{ font-size:62.5%; }.

Một trong những bài viết tốt hơn tôi có thể tìm thấy được đặt ở đây: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

Về cơ bản người ta nói rằng px không có quy mô tốt trên các trang web và thiết bị. Tôi đã luôn luôn thực hiện typography trong px, và chưa bao giờ tìm thấy bất kỳ vấn đề. Tôi cũng đã làm việc với một số khung CSS và một số chủ đề wordpress và tôi luôn thấy rằng chỉ sử dụng px bình thường.

Bây giờ tôi thấy rằng hầu hết các bài báo được viết đều chủ yếu từ vài năm trước, tôi muốn biết liệu có đúng là px không có quy mô tốt hay không còn là một điểm nữa đối với các trình duyệt và thiết bị hiện đại .

Còn một chú ý đáng nói. Tôi thậm chí đã đọc và thấy trên một số trang web mà mọi người thậm chí còn đi xa để thực hiện tất cả các kiểu dáng của họ trong em. Ví dụ, phần đệm và lề được thực hiện trong em.

Điều này có cần thiết không nếu bạn muốn có một trang web mở rộng tốt.

website-design typography

— Saif B cơ
nguồn

Để làm cho mọi thứ trở nên khó hiểu hơn, hầu hết các trình duyệt hiện đại đều hỗ trợ tương đối hoặc sử dụng snook.ca/archives/html_and_css/font-size-with-rem .

— paulmorriss

Có một câu trả lời gần đây hơn, tốt hơn trên StackOverflow: stackoverflow.com/questions/11799236/

— mẹo

Câu trả lời của tôi, đối với bản thân văn bản là "không" xác định. Các trình duyệt tốt gian lận (như họ nên) khi nói đến tỷ lệ phông chữ được chỉ định theo đơn vị pixel. Nhà phát triển web nên được biết đến bất kỳ sự khác biệt nào trong các thiết bị mà nội dung hiển thị trên đó.

Hãy thử điều này trong trình soạn thảo Tryit của w3Schools :

<html>
<body>
<p style="font-size:1em">This is a paragraph.</p>
<p style="font-size:12pt">This is a paragraph.</p>
<p style="font-size:16px">This is a paragraph.</p>
<p style="font-size:100%">This is a paragraph.</p>
</body>
</html>

Sau đó giữ Ctrl xuống và cuộn bằng bánh xe chuột hoặc nhấn Ctrl-Numeric +. Tất cả chúng nên quy mô đồng đều trong một trình duyệt tốt.

Không đảm bảo rằng các pixel có chiều rộng bằng nhau, cao hơn, độ phân giải luôn là 96DPI và tùy chọn người dùng có thể áp dụng để tăng hoặc giảm tất cả nội dung. Lưu ý rằng, hầu hết các trình duyệt đều tính đến những khác biệt về độ phân giải này và chia tỷ lệ đầu ra theo phần cứng / sở thích cụ thể. Nếu một trình duyệt sẽ áp dụng nghiêm ngặt các đơn vị pixel thực tế, thì trình duyệt (hoặc thiết bị phần cứng mà nó chạy) sẽ bị coi là thất bại bởi người dùng cuối.

Phải nói rằng, hãy nhớ rằng HTML không được tối ưu hóa để thu nhỏ, nhưng để chuyển dòng văn bản đến phạm vi tỷ lệ khung hình độ phân giải rộng nhất có thể (chiều rộng chia cho chiều cao). Các trình duyệt khác nhau về phần đệm tỷ lệ và lề khi được chỉ định trong các đơn vị khác nhau. Đối với các thiết kế có thể mở rộng thực sự (ví dụ: trong đó vị trí trên nền quan trọng), người ta nên xem xét sử dụng định dạng không chảy, có thể mở rộng, chẳng hạn như SVG . Làm đệm và lợi nhuận theo tỷ lệ phần trăm luôn có rủi ro!

Nếu bạn đang sử dụng nền hình ảnh hoặc tương tự, và bạn muốn phần đệm hoặc lề là một số pixel cụ thể bên trong, lời khuyên của tôi là đảm bảo chỉ định các lề và phần đệm đó theo đơn vị pixel!

— Louis Bolog
nguồn

Chỉ cần lưu ý một chút - tính năng "Kích thước văn bản" trong IE sẽ không chia tỷ lệ phông chữ được cố định rõ ràng bằng cách sử dụng pthoặc px.

— Zhaph - Ben Duguid