Đo lường trên trang web

Question

Bạn có nên kết hợp em với px không?

Vì em dựa trên kích thước phông chữ và px được dựa trên màn hình.

Vì vậy, câu hỏi sôi động sẽ làm - cách tạo hình ảnh khi hầu hết trang web đang sử dụng em?

Answer 1

Phông chữ được thiết kế để sử dụng trong một loạt các kích thước; do đó các công cụ phông chữ không có vấn đề mở rộng quy mô lên/xuống với độ chính xác; tuy nhiên, hình ảnh luôn sử dụng phép đo cứng nhắc (bất kể đơn vị). Do đó, thay đổi kích thước chúng có xu hướng F chúng lên - đôi khi một litte, đôi khi rất nhiều. Điều này đặc biệt đúng khi trình duyệt đang thực hiện thay đổi kích thước. Trình duyệt không được thiết kế như công cụ chỉnh sửa ảnh.

Nếu bạn đang xây dựng các menu dựa trên hình ảnh và bạn cũng cho phép trình đơn mở rộng quy mô trở lên, có thể thiết kế lại theo thứ tự. Nếu không phải là một thiết kế lại, hơn có lẽ là một loại bỏ một yếu tố (không có quy mô, hoặc không có hình ảnh).

Answer 2

bạn có thể kết hợp nhưng không được khuyến nghị. Tôi sẽ tạo một phần tử container và sử dụng px trên phần tử đó nếu cha mẹ đang sử dụng em.

Answer 3

Thông thường, hình ảnh có kích thước nội tại tính bằng pixel. Nhưng bạn có thể mở rộng quy mô theo kích thước phông chữ, ví dụ: các nút phải khớp với kích thước văn bản. Chỉ cần tạo một hình ảnh đủ lớn (mở rộng quy mô hoạt động tốt hơn nhiều so với mở rộng quy mô) và đặt ví dụ: chiều cao của hình ảnh là 1.5em. Khi bạn đặt chiều cao chỉ và không chiều rộng (hoặc ngược lại), trình duyệt chia tỷ lệ hình ảnh sao cho tỷ lệ chiều rộng: chiều cao được giữ nguyên.

Tuy nhiên, các nút được tạo tốt hơn bằng cách sử dụng CSS chứ không phải hình ảnh. Hình nền có thể được chia tỷ lệ bằng các tính năng CSS nâng cao (background-size), tuy nhiên, có hỗ trợ trình duyệt giới hạn.

Answer 4

1em bằng kích thước phông chữ hiện tại. 2em có nghĩa là gấp 2 lần kích thước của phông chữ hiện tại. Ví dụ: nếu một phần tử được hiển thị với phông chữ là 12 pt thì '2em' là 24 pt. 'Em' là một đơn vị rất hữu ích trong CSS, vì nó có thể tự động điều chỉnh theo phông mà người đọc sử dụng

Đơn vị 'em' bằng giá trị được tính của thuộc tính 'kích thước phông chữ' của phần tử trên đó nó được sử dụng. Trường hợp ngoại lệ là khi 'em' xảy ra trong giá trị của thuộc tính 'kích thước phông chữ', trong trường hợp này nó đề cập đến kích thước phông chữ của phần tử gốc. Nó có thể được sử dụng cho phép đo dọc hoặc ngang

pixel (dấu chấm trên màn hình máy tính), px cũng có thể được thay đổi kích thước trong IE. em là một kích thước relativ với kích thước được thừa kế bởi phần tử cha của nó và thực sự có cùng ý nghĩa với%.

Answer 5

Cá nhân tôi trộn cả hai. Bạn có thể làm điều đó một cách mà không có lỗi.
Tùy thuộc vào sở thích và thực tiễn. Có những người khác nữa: http://www.w3schools.com/cssref/css_units.asp

Answer 6

Tôi thấy luôn tốt nhất nên sử dụng px trong html, body và em cho tất cả phần còn lại liên quan đến phông chữ. Tuy nhiên, hãy nhìn vào các đơn vị tương đối (vw vh v-min v-max): http://css-tricks.com/viewport-sized-typography/

Answer 7

Sử dụng css3

background-size: auto 100%; 

trên thùng của nội dung. Nền sẽ thay đổi kích thước tương ứng với chiều cao vùng chứa và chiều cao vùng chứa sẽ tăng tương ứng với kích thước phông chữ, bất kể nó được đặt như thế nào.