Tôi có nên sử dụng em hoặc px không?

Question

Tôi đang bắt đầu một dự án web mới và tôi tự hỏi có nên sử dụng em hoặc px cho bố cục và kích thước phông chữ hay không.

Mặc dù thực tế là hầu hết các trình duyệt hiện đều hỗ trợ thu phóng văn bản và hình ảnh bất kể phông chữ được xác định bằng px hay em, hỗ trợ cộng đồng để sử dụng em vẫn mạnh.

Nhưng có 2 vấn đề tôi thấy khi sử dụng em.

Đầu tiên là vấn đề với màn hình lớn và rộng - thường là kết quả này trong văn bản dặm chạy và dặm trên màn hình, rất khó đọc khi bạn đọc phía dưới trang.

Thứ hai, điều gì xảy ra nếu trang web của bạn cần tích hợp thành phần Flash? Nếu bạn muốn thành phần Flash khớp chính xác bên trong một div (ví dụ như thùng chứa chính của trang web) được xác định trong em, bạn sẽ đi về đâu vì các thành phần Flash được đo bằng px?

Có lý do thuyết phục nào để sử dụng EM trên PX không?

Answer 1

Đầu tiên là vấn đề với màn hình lớn và rộng - thường là kết quả này trong dặm văn bản đang chạy và dặm màn hình, rất khó để đọc khi bạn đọc phía dưới trang.

Sử dụng em hoặc px, bạn vẫn có thể xác định một width (hoặc max-width) để bố trí của bạn.

Thứ hai, điều gì xảy ra nếu trang web của bạn cần tích hợp thành phần Flash? Nếu bạn muốn thành phần Flash phù hợp với chính xác bên trong div (ví dụ: thùng chứa chính của trang web) được xác định , cách bạn đi về nó từ Thành phần flash được đo bằng px?

Để khớp chính xác, bạn vẫn có thể sử dụng 100% width hoặc có thể tôi không hiểu điểm của bạn.

---

Về lý thuyết, sử dụng em thay vì px sẽ cho phép bố trí của bạn được dễ dàng khá lớn dựa trên sở thích của người dùng.

Nhưng hôm nay, trình duyệt hiện đại có thể đổi kích thước bố cục px cũng như bố cục em để có thể không có liên quan như cách đây vài năm.

Answer 2

Khi bạn sử dụng kích thước tương đối thay vì phông chữ cố định, thì lợi ích chính là khách truy cập (bị vô hiệu hóa) có thể phóng to/thu nhỏ trang web bao gồm phông chữ. Đó là tất cả về web accessibility.

Answer 3

px có cùng vấn đề với em mà bạn đề cập với các kích thước màn hình khác nhau. Với px, bạn cũng có khuynh hướng suy nghĩ về pixel khi chúng có kích thước trên màn hình của bạn (nghĩa là, các pixel có dấu chấm chấm nhất định). Vì ems (và%) không có mối quan hệ kích thước cố định để hiển thị, mọi người không rơi vào cùng một cái bẫy. (px, giống như tất cả các pixel hình ảnh, không thực sự có mối quan hệ 1: 1 cố định để hiển thị pixel, nhưng mọi người thường nghĩ về chúng theo cách đó.)

Khi nói đến việc căn chỉnh các phần tử thay thế, cho dù Flash hay hình ảnh, px thực sự thích hợp hơn (mặc dù Flash, khi sử dụng đồ họa vector hoàn toàn, sẽ cân bằng với bất kỳ kích thước nào bạn muốn). Cá nhân, tôi sử dụng bất kỳ đơn vị nào là tự nhiên hơn cho loại yếu tố xác định vị trí và kích thước: px cho hình ảnh & phim, em cho văn bản,% cho chế độ xem.

Answer 4

Bây giờ hiện đại desktop trình duyệt mở rộng px và em cùng, tôi nghĩ rằng các cuộc thảo luận nên chuyển sang cách sử dụng một hay khác sẽ hiển thị trên các thiết bị di động như iPad, iPhone, vv