請輸入數字
1 px = 0.05208333333 vw
在PX 轉 REM 換算中開啟公式
vw = px × 100 ÷ 1920
換算方法
把像素換算成視窗寬度單位時,使用公式 vw = px × 100 ÷ 1920。例如 32 px = 1.666666667 vw。
換算表
| px | vw |
|---|---|
| 1 px | 0.05208333333 vw |
| 2 px | 0.1041666667 vw |
| 4 px | 0.2083333333 vw |
| 8 px | 0.4166666667 vw |
| 10 px | 0.5208333333 vw |
| 12 px | 0.625 vw |
| 14 px | 0.7291666667 vw |
| 16 px | 0.8333333333 vw |
| 18 px | 0.9375 vw |
| 20 px | 1.041666667 vw |
| 24 px | 1.25 vw |
| 32 px | 1.666666667 vw |
| 48 px | 2.5 vw |
| 64 px | 3.333333333 vw |
換算表以視窗寬度 1920px計算。可在上方換算器修改設定,與你的專案一致。
關於這些單位
瀏覽器最後會把所有 CSS 長度換算成像素。rem 相對於根元素字級,em 相對於父元素字級;除非頁面或使用者更改,主流瀏覽器預設都是 16px。1pt 是 1/72 英寸,1px 是 1/96 英寸,所以 1pt = 1.333px。vw 是視窗寬度的 1%,對應的像素取決於螢幕寬度。
常見問題
› px 怎麼換算成 vw?
1 px = 0.05208333333 vw。換算時使用公式 vw = px × 100 ÷ 1920:32 px = 1.666666667 vw。
› 1 vw 等於多少 px?
1 vw = 19.2 px。反向換算公式是 px = vw × 1920 ÷ 100。
› 為什麼用 rem 而不是 px?
rem 會跟著使用者在瀏覽器設定的字級縮放,對無障礙更友善;只改一個根字級,整個版面就能等比例調整。
› rem 和 em 有什麼不同?
rem 一律使用根元素(html)的字級;em 使用父元素的字級,巢狀時會層層相乘。