Trong một thời gian dài tôi đã sử dụngfont-size: 62,5% so với font-size: 10px
body {font-size:62.5%;}
trong các văn bản CSS vì nó là nghĩa vụ phải làm 1em
bằng 10px
. Tuy nhiên, gần đây tôi nhận thấy rằng đây không phải là trường hợp của tôi trong Internet Explorer. Vì vậy, thay vào đó tôi đã thử mã:
html {font-size:100%}
body {font-size:10px}
Bây giờ điều này hoạt động như một sự quyến rũ đối với tôi. Câu hỏi của tôi là:
Hạn chế của giải pháp này vì tôi không thể tìm thấy bất kỳ ai khác sử dụng giải pháp này?
Để làm rõ: Sau này tôi chỉ định tất cả các cỡ chữ, chiều rộng, chiều cao và vv trong em
. Nó chỉ trong cơ thể tôi sử dụng 10px
thay vì 62.5%
.
Có lẽ chủ đề này có thể cung cấp cho bạn hơn thông tin chi tiết về vấn đề: [why-em-instead-of-px] [1] [1]: http://stackoverflow.com/questions/609517/why-em-instead-of-px –
Tôi thích phông chữ pixel kích thước quá ... Tôi cảm thấy như tôi có kiểm soát thiết kế tốt hơn. Nhược điểm được sử dụng để được rằng nó đã không quy mô tốt khi mọi người tự tăng kích thước văn bản của họ ... mọi thứ sẽ phá vỡ/tràn. Sử dụng '%' hoặc 'em' sẽ bù đắp tốt hơn cho các vấn đề về khoảng cách này. Tuy nhiên, những ngày này, các trình duyệt mới hơn đang di chuyển nhiều hơn về phía một "phóng to" thực sự vào/ra mà làm cho các vấn đề kích thước văn bản tăng/giảm cũ moot. – Sparky
Vâng, tôi thực sự muốn đi với em vì lý do truy cập. Cảm ơn các liên kết, nhưng tôi vẫn không hiểu sự khác biệt. Trong cả hai trường hợp, 1em sẽ là 10px trong Firefox, nhưng đối với tôi 1em sẽ lớn hơn một chút trong Internet Explorer. – RichardL