Máy đổi PX sang REM

Đổi pixel CSS và rem theo cỡ chữ gốc của bạn.

Công thức Màn hình & thiết kế

REM

Point: 18 pt
Phần trăm của cỡ gốc: 150 %

Cách hoạt động

Một rem bằng cỡ chữ của phần tử html gốc, mặc định là 16 px trong trình duyệt. Chia một giá trị pixel cho cỡ gốc cho ra rem; nhân rem với cỡ gốc cho ra pixel.

Em hoạt động tương tự nhưng tương đối với cỡ chữ của phần tử cha, nên chỉ bằng rem khi phần tử cha dùng cỡ gốc.

Trong CSS, 1 px được định nghĩa bằng 1/96 inch và 1 pt bằng 1/72 inch, nên 1 px = 0.75 pt.

Công thức

rem = px ÷ cỡ gốc
px = rem × cỡ gốc
pt = px × 0.75

Ví dụ minh họa

Với cỡ gốc mặc định 16 px, 24 px là 24 ÷ 16 = 1.5 rem, tức 18 pt và 150% cỡ gốc.

Câu hỏi thường gặp

Vì sao nên dùng rem thay vì px?

Kích thước theo rem thay đổi tỷ lệ khi người dùng thay đổi cỡ chữ mặc định của trình duyệt, điều này giúp khả năng tiếp cận.

Rem khác em thế nào?

Rem tương đối với phần tử gốc; em tương đối với phần tử cha của phần tử hiện tại, nên các giá trị em lồng nhau sẽ cộng dồn.