Đổi px sang rem: px, rem, pt, em, mm
Cập nhật lần cuối:
rem được tính theo cỡ chữ này, và ở đây em và % cũng vậy. Trong CSS, em và % theo phần tử cha, nên chỉ bằng rem khi không có phần tử cha nào đổi cỡ chữ.
1 px = 0,0625 remTất cả kết quả
Bảng tra nhanh: Điểm ảnh (pixel) → rem (root em)
| Giá trị (px) | Kết quả (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Về px, rem và pt
CSS cố định 1 inch bằng 96 px, nên 1 pt, tức 1/72 inch, bằng 1,333 px và 1 mm bằng 3,78 px. rem và em là đơn vị tương đối: 1 rem là cỡ chữ gốc, 16 px trên mọi trình duyệt lớn trừ khi người dùng thay đổi, nên 24 px bằng 1,5 rem. Nếu tệp CSS đặt cỡ gốc khác, hãy nhập nó làm cơ sở phía trên các ô. em theo cỡ chữ của phần tử cha, nên chỉ bằng rem khi không có phần tử cha nào thay đổi cỡ chữ.
Kích thước văn bản và phần tử thông dụng
Với cơ sở mặc định 16 px. CSS cố định 1 inch bằng 96 px, nên cột pt và mm giữ nguyên với mọi cỡ cơ sở; chỉ cột rem thay đổi theo.
| Kích thước | rem | pt | mm |
|---|---|---|---|
| Văn bản 10 pt (chú thích cuối trang) | 0,8333 | 10 | 3,528 |
| Cỡ chữ mặc định của trình duyệt | 1 | 12 | 4,233 |
| Văn bản 12 pt trong trình soạn thảo văn bản | 1 | 12 | 4,233 |
| Tiêu đề h2 mặc định | 1,5 | 18 | 6,35 |
| Kích thước vùng bấm nhỏ nhất theo WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Tiêu đề h1 mặc định | 2 | 24 | 8,467 |
| 1 centimét | 2,362 | 28,35 | 10 |
| 1 inch | 6 | 72 | 25,4 |
Lịch sử của point và pixel
Chữ in được đo bằng point từ rất lâu trước khi có màn hình: thợ đúc chữ cần một đơn vị duy nhất để đúc những con chữ thẳng hàng. Máy tính chốt point ở mức 1/72 inch.
- Pierre-Simon Fournier công bố một bảng cỡ chữ in tính bằng point: thang của ông chia inch thành 12 dòng và mỗi dòng thành 6 point.
- Hiệp hội Thợ đúc chữ Hoa Kỳ (Type Founders' Association of the United States) áp dụng hệ thống point cho thân chữ, trong đó nonpareil là 6 point và pica là 12.
- Adobe giới thiệu PostScript, có đơn vị độ dài trên trang là 1/72 inch: theo lời Adobe, gần bằng point dùng trong in ấn.
- CSS 2.1 trở thành Khuyến nghị của W3C. Nó cố định 1 inch bằng 96 px và 72 pt, nên 1 px bằng 0,75 pt, và lấy pixel làm một chấm của màn hình 96 dpi nhìn từ khoảng cách một sải tay.
Nguồn: