Ưu điểm của & những nhược điểm của mỗi loại là gì? em, px, % và pt?Đơn vị tốt nhất cho phông chữ-kích thước trong CSS
lựa chọn hiện tại của tôi là tỷ lệ phần trăm, lý do duy nhất là vì tôi trên toàn cầu có thể thay đổi font-size của tất cả các yếu tố, chỉ bằng cách thay đổi kích thước font chữ trên phần tử gốc (cơ thể)
Tôi muốn giới thiệu EM - đơn giản vì tôi sử dụng CSS cơ sở cho việc thiết lập cơ bản các biểu mẫu, bố cục và quan trọng nhất là nhập.
Không thể khuyên bạn nên nó đủ: http://baselinecss.com/
có thể nó đã thay đổi kể từ khi câu trả lời này được đăng, nhưng baselinecss.com sử dụng pixel cho kích thước phông chữ (nov 2012) –
Có, có vẻ như tác giả của Baseline đã chuyển từ sử dụng em, như được trích dẫn từ trang chủ cơ sở: "Đường cơ sở được tạo bằng pixel, hầu như không thể tạo đường cơ sở thông thường bằng ems do đơn vị trình duyệt làm tròn lên lỗi gây ra đường cơ sở dựa trên ems để thay đổi một chút theo những cách không thể đoán trước. " – 10basetom
đẹp câu hỏi!
Tôi đang sử dụng pixel vì tôi thích nó khi mọi thứ được khắc phục.
Nhưng kiểm bài viết này:
http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
có thể giúp bạn thực hiện một sự lựa chọn. Tôi nghĩ tất cả điều này rất cá nhân. Hoặc nó phụ thuộc vào những gì bạn đang làm Tôi giả sử
đào tạo thiết kế ban đầu của tôi nói rằng em là nơi có thể.
Tôi tin rằng lý do chính là các trình duyệt và thiết bị khác nhau có các độ phân giải khác nhau, một lần nữa trở thành một vấn đề lớn.
Tôi nghĩ tốt hơn nên sử dụng em và% vì chúng là một lớp trừu tượng đặc biệt khi so sánh với pixel. Cả hai đều giống nhau ở một số khía cạnh là "100%" = "1em". Một vấn đề khác với đơn vị pixel là nó không mở rộng cho người đọc khiếm thị.
Hôm nay, đối với thiết bị di động, pad, v.v. xem xét thường là tốt hơn để có bảng định kiểu/quy tắc cụ thể cho từng loại.
Ngoài ra, đối với các mối quan tâm về in, em hoạt động tốt.
Tôi đã thấy đơn vị em gọi là chuẩn cho kích thước phông chữ trên web, nhưng đơn vị phần trăm thường cung cấp hiển thị đồng nhất và dễ truy cập hơn. Khi cài đặt người dùng được thay đổi, phần trăm văn bản cân chỉnh tốt khả năng đọc, khả năng truy cập và thiết kế trực quan.
Tôi luôn sử dụng ems. Sử dụng% là loại giống nhau, nhưng chúng có nghĩa là một cái gì đó khác khi sử dụng chúng trong một padding hoặc margin tuyên bố (padding: 1em 0; không giống như padding: 100% 0;). Vì vậy, chỉ cần sử dụng ems tôi bạn có nghĩa là liên quan đến kích thước phông chữ hiện tại, và tránh bất kỳ sự nhầm lẫn.
Được thêm lợi ích hoặc sử dụng ems là bạn có thể, ví dụ: sử dụng truy vấn phương tiện và body{font-size: 120%} để cung cấp cho người dùng thiết bị di động phông chữ lớn hơn một chút.
Dưới đây là một liên kết đến một điều yêu thích của tôi về kích thước thích hợp của văn bản với css từ AListApart:
http://www.alistapart.com/articles/howtosizetextincss
Ngữ nghĩa, em được ưa thích, nhưng tôi đã luôn luôn tìm thấy nó có vấn đề bởi vì nó tác động mỗi phần tử con bao gồm. Nếu tổ thiết kế của bạn 4 hoặc 5 divs và mỗi là tại 0,75 em, bởi thời gian bạn nhận được để con cuối cùng div văn bản của bạn là gần như không đọc được.
Sở thích của tôi là pt bởi vì nó hoạt động với nhiều hệ điều hành khác nhau (cho phép hệ thống tự quyết định pt là gì) thay vì sử dụng px mà thực sự có thể làm cho khả năng đọc của trang web tùy thuộc vào độ phân giải. Em được coi là "chuẩn" cho css, nhưng nó có nhiều vấn đề như những người khác, nhưng nó có lợi thế là xếp tầng trên toàn cầu.
Bạn có thể thay đổi toàn bộ 'cỡ chữ 'bằng bất kỳ đơn vị nào trong số đó. – yoda
hmm tôi không nghĩ vậy .. – Alex
không có quy tắc ngón tay cái cố định nào, tôi thường sử dụng em và% vì chúng có liên quan nhiều hơn px và pt tuyệt đối hơn và có thể không cung cấp hiển thị tốt nhất có thể. Hãy xem xét điều này: http://www.w3.org/Style/Examples/007/units.en.html – Amn