DevToolPal
繁

CSS 單位

px轉vw換算器

把像素(px)換算成視窗寬度單位(vw)。1 px = 0.05208333333 vw,1 vw = 19.2 px。

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 使用父元素的字級,巢狀時會層層相乘。