Bộ chuyển đổi px sang rem & em
Chuyển đổi qua lại giữa px, rem và em bằng cách sử dụng cỡ chữ gốc và ngữ cảnh của riêng bạn — chỉnh sửa bất kỳ trường nào và hai trường còn lại sẽ tự động cập nhật.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Mọi quá trình chuyển đổi đều chạy trong trình duyệt của bạn. Không có dữ liệu nào bạn nhập được tải lên BroBroGo.
Hỏi đáp
Sự khác biệt giữa px, rem và em là gì?
px là một chiều dài cố định. rem được đo lường dựa trên cỡ chữ gốc (root) của trang, vì vậy với cỡ chữ gốc 16px, 1rem tương đương 16px. em được đo lường dựa trên cỡ chữ của chính phần tử chứa nó. Việc định cỡ chữ và khoảng cách bằng rem giúp mọi thứ có thể co giãn đồng bộ khi người đọc thay đổi cỡ chữ mặc định của họ.
Tại sao lại có một cỡ chữ ngữ cảnh em riêng biệt?
Đơn vị em phụ thuộc vào cỡ chữ của chính phần tử chứa nó, vốn không phải lúc nào cũng là phông chữ gốc. Hãy thiết lập ngữ cảnh em bằng cỡ chữ của phần tử đó để đọc giá trị em một cách chính xác, và giữ nó bằng với cỡ chữ gốc khi cả hai trùng khớp.
Nếu cỡ chữ gốc của tôi không phải là 16px thì sao?
Hãy thay đổi trường cỡ chữ gốc (root) để khớp với mã CSS của bạn và mọi giá trị rem sẽ tự động cập nhật ngay lập tức. Bảng tra cứu nhanh bên dưới là một hướng dẫn tiện lợi cho cỡ chữ gốc phổ biến 16px mà hầu hết các trang web bắt đầu sử dụng.