Nhập một số
1 vw = 19,2 px
Mở trong Chuyển đổi PX sang REMCông thức
px = vw × 1920 ÷ 100
Cách chuyển đổi
Để đổi đơn vị chiều rộng viewport sang pixel, hãy dùng công thức px = vw × 1920 ÷ 100. Ví dụ: 25 vw = 480 px.
Bảng quy đổi
| vw | px |
|---|---|
| 1 vw | 19,2 px |
| 2 vw | 38,4 px |
| 5 vw | 96 px |
| 10 vw | 192 px |
| 25 vw | 480 px |
| 50 vw | 960 px |
| 75 vw | 1.440 px |
| 100 vw | 1.920 px |
Bảng giả định chiều rộng viewport 1920px. Hãy đổi cài đặt trong bộ chuyển đổi phía trên cho khớp với dự án của bạn.
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 vw sang px?
1 vw = 19,2 px. Để đổi, hãy dùng công thức px = vw × 1920 ÷ 100: 25 vw = 480 px.
› 1 px bằng bao nhiêu vw?
1 px = 0,05208333333 vw. Công thức ngược là vw = px × 100 ÷ 1920.
› 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.