Em vs Px và khả năng tương thích trình duyệt chéo

Question

Tôi là một newbie CSS và đã tự hỏi nếu có một lợi ích bằng cách sử dụng em thay vì px khi nói đến khả năng tương thích trình duyệt chéo của CSS của tôi.

Answer 1

Nói đúng cách việc sử dụng em trên px thực sự không phải là vấn đề tương thích với nhiều trình duyệt - tất cả các trình duyệt đều hỗ trợ việc sử dụng chúng cho cả kích thước phông chữ.

Bạn nên tránh sử dụng px để định kích thước phông chữ vì trình duyệt có thị phần lớn nhất, IE6, sẽ không cho phép thay đổi kích thước văn bản. Nó xem px như một giá trị tuyệt đối, không phải là một giá trị tương đối như em, và do đó sẽ không mở rộng văn bản lên hoặc xuống trong px.

Tùy thuộc vào đối tượng của bạn, bạn có thể không cần phải lo lắng về điều đó. Có một số thông tin tuyệt vời về lợi ích của em và cách chúng có thể giúp xây dựng bố cục lỏng tại đây: http://www.alistapart.com/articles/fluidgrids/

Answer 2

EM có thể được thay đổi kích cỡ trong một số trình duyệt cũ hơn (bao gồm IE 6) trong khi PX thì không. Nhưng những người thẳng thắn mà có nhu cầu trợ năng để có thể thay đổi kích thước phông chữ đang sử dụng nhiều trình duyệt hiện đại hơn.

Đối với thanh công cụ mới của CSS với PX. EM có thể là một nỗi đau vì chúng là chất lỏng và bạn có thể có một số hiệu ứng kỳ lạ và không chắc chắn tại sao.

đọc này để biết thêm thông tin về PX - EM -% - http://css-tricks.com/2580-css-font-size/

Hope this helps.

Answer 3

Có. Một số trình duyệt (IE8 -cough) vẫn không chia tỷ lệ văn bản đúng khi nó ở dạng pixel. Chúng thu phóng tốt, nhưng việc thay đổi kích thước văn bản sẽ không có kết quả.

Ems được bảo đảm nhiều hơn hoặc ít hơn để mở rộng quy mô khi người dùng yêu cầu. Ngoài ra, ems có thể được sử dụng cho các nút điều hướng hoặc các hộp chứa văn bản phải mở rộng tốt với văn bản - nó không chỉ là kích thước phông chữ. Hãy thử các biến thể khác nhau trong một loạt các trình duyệt phóng to và mở rộng văn bản và xem kết quả bạn nhận được.

Answer 4

Tôi tin rằng một số nguyên tắc tôi đã học khi bắt đầu công việc web đầu tiên đã giảm theo cách và đề xuất chống lại kích thước phông chữ bằng px là một trong số chúng. Lý do rất đơn giản - tất cả các trình duyệt hiện đại giờ đây đều thu phóng toàn bộ các trang một cách rất rõ ràng và do đó việc định kích thước văn bản là một tính năng của trình duyệt là tranh luận.

Sự cố mở rộng văn bản chỉ tồn tại với IE6 (bạn có thể phóng to IE8). IE6 hiện đang dưới 10% thị phần toàn cầu. Những người "khó nhìn" chiếm khoảng 2% dân số Hoa Kỳ. Điều đó có nghĩa là cố gắng để đối phó với IE6 lợi ích 0,2% người dùng ở Mỹ. Nếu có một trình duyệt ở đó với 0,2% thị phần, chúng ta sẽ bỏ qua nó.

Lợi ích của việc bỏ qua kích thước phông chữ "có thể mở rộng" có lợi cho px là rất cao vì nó đơn giản hơn, vừa thực hiện vừa phải hiểu. Nó ít có khả năng bị ảnh hưởng bởi những bí ẩn của thác, vì một điều. Nó đặc biệt hữu ích trong các tình huống mà chiều cao phải được kiểm soát chính xác, chẳng hạn như trong thanh trình đơn.

Gần đây tôi chỉ mới bắt đầu xóa em và% khỏi các trang web mà tôi đang xây dựng có lợi cho px, vì vậy có thể có nhiều thứ mà tôi chưa từng đạt. Cho đến nay, tôi thấy kết quả đáng khích lệ.

Do đó, tôi khuyên bạn nên sử dụng px, không chỉ cho người mới bắt đầu mà nói chung.