Công thức
1rem = root px · 1em = element px · 1pt = 96/72 px
Chuẩn hóa đơn vị nguồn thành các pixel tham chiếu CSS, sau đó chia cho hệ số pixel theo ngữ cảnh của đơn vị đích.
Hình ảnh & màn hình
● Chạy cục bộBộ chuyển đổi đơn vị CSS
Chỉ chuyển đổi độ dài CSS phổ biến khi ngữ cảnh yêu cầu của chúng rõ ràng. Cung cấp kích thước phông chữ gốc và phần tử hiện tại để rem và em không âm thầm giả định cùng một cơ sở.
Giá trị mẫu
Độ dài CSS đã chuyển đổi
Giả định
- Kích thước phông chữ gốc và phần tử hoàn toàn dương.
- Pixel tham chiếu CSS được sử dụng thay vì pixel màn hình vật lý được đo.
Công cụ này giả định quan hệ tham chiếu CSS 1in = 96px và 1pt = 1/72in. Đơn vị và tỷ lệ khung nhìn được loại trừ.
Đánh giá công thức
Formula v1.0.0
Đã đánh giá 2026-08-03
CalcFlow engineering review
Bộ chuyển đổi đơn vị CSS: Ví dụ hoạt động
Ở gốc 16 px, 24 px 16 = 1,5 rem. Theo quy tắc pixel tham chiếu, 24 px cũng bằng 18 pt.
Câu hỏi thường gặp
Đâu là sự khác biệt giữa remvà em?
rem sử dụng kích thước phông chữ của phần tử gốc. em sử dụng ngữ cảnh cỡ chữ của phần tử hiện tại.
Tại sao tỷ lệ phần trăm bị loại trừ?
Tỷ lệ phần trăm có thể phụ thuộc vào các thuộc tính và khối chứa khác nhau, vì vậy một ngữ cảnh vô hướng là không đủ.
CSS px có phải là pixel vật lý không?
Không nhất thiết phải như vậy. CSS xác định pixel tham chiếu mà trình duyệt ánh xạ tới pixel của thiết bị theo cách hiển thị và thu phóng.