DevToolPal
VI

Đơn vị CSS

Đổi pt sang px

Đổi point (pt) sang pixel (px). 1 pt = 1,333333333 px và 1 px = 0,75 pt.

Công thức

px = pt ÷ 0.75

Cách chuyển đổi

Để đổi point sang pixel, hãy chia giá trị cho 0,75. Ví dụ: 14 pt = 18,66666667 px.

Bảng quy đổi

pt px
6 pt 8 px
8 pt 10,66666667 px
9 pt 12 px
10 pt 13,33333333 px
11 pt 14,66666667 px
12 pt 16 px
14 pt 18,66666667 px
16 pt 21,33333333 px
18 pt 24 px
24 pt 32 px
36 pt 48 px
48 pt 64 px
72 pt 96 px

Về các đơn vị này

Trình duyệt quy đổi mọi độ dài CSS ra pixel. rem tính theo cỡ chữ gốc, em tính theo cỡ chữ của phần tử cha; cả hai đều là 16px trên mọi trình duyệt lớn trừ khi trang hoặc người dùng thay đổi. 1pt là 1/72 inch và 1px là 1/96 inch, nên 1pt = 1,333px. vw là 1% chiều rộng viewport, nên số pixel phụ thuộc vào màn hình.

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

› Làm sao đổi pt sang px?

1 pt = 1,333333333 px. Để đổi, hãy chia giá trị cho 0,75: 14 pt = 18,66666667 px.

› 1 px bằng bao nhiêu pt?

1 px = 0,75 pt. Công thức ngược là pt = px × 0.75.

› Vì sao dùng rem thay cho px?

Kích thước rem theo cỡ chữ người dùng đặt trong trình duyệt, tốt cho khả năng tiếp cận, và chỉ cần đổi một giá trị gốc là toàn bộ bố cục co giãn nhất quán.

› rem và em khác nhau thế nào?

rem luôn dùng cỡ chữ gốc (html). em dùng cỡ chữ của phần tử cha, nên các giá trị em lồng nhau sẽ nhân lên.