Có phải 1.0em giống với 100% đối với kích thước phông chữ không?

Question

Tôi đang cố gắng gỡ lỗi vì sao có font-size: 1.0em trong jquery-ui khiến kích thước phông chữ của tôi cho trang của tôi tăng lên rất lớn (trên 16px) mà không làm tôi thay đổi kích thước phông chữ thực tế. Vâng, trong Firebug tôi thấy một điều kỳ lạ cho một accordion.

Ở chân đế, nó có font-size: 1.0em nhưng sau đó được ghi đè bởi font-size: 100%. Điều đó có thể gây ra một số vấn đề với kích thước phông chữ không? Tôi luôn luôn có ấn tượng rằng 100% giống với 1.0em

Answer 1

Có.

1em và 100% có nghĩa là cùng một điều (đối với cỡ chữ) - "Cỡ chữ giống với phần tử gốc" (không giống với kích thước phông chữ mà người dùng đã chọn trừ khi bạn nói về Phần tử HTML).

Có lỗi trong Internet Explorer khi sử dụng em và kích thước phông chữ được chọn từ trình đơn chế độ xem không phải là medium.

Answer 2

em được xác định theo mỗi người dùng cho mỗi trình duyệt. Vì vậy, em được xác định cho accesability trong các thiết lập khác nhau của một trình duyệt hoặc sở thích của người dùng.

Điều đó có nghĩa là 1em có thể là 16px hoặc 10px theo cài đặt tùy chọn người dùng trong trình duyệt.

Nếu bạn muốn kiểm soát nhiều hơn kích thước phông chữ của mình, hãy sử dụng px thay vì em.

Answer 3

Có, em và phần trăm có thể hoán đổi cho nhau về kích thước phông chữ.

tôi có thể không thực sự biết những gì đang xảy ra sai trong trường hợp của bạn mà không cần mã, nhưng nó có thể có cái gì để làm với kích thước phông chữ lồng nhau:

<div style="font-size: 150%;"> 
    This text is at 150% of the base. 

    <div style="font-size: 100%"> 
     This text is the same size as the text above. 
    </div> 
</div>