DevToolPal
繁

CSS 單位

vw轉px換算器

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

公式

px = vw × 1920 ÷ 100

換算方法

把視窗寬度單位換算成像素時,使用公式 px = vw × 1920 ÷ 100。例如 25 vw = 480 px。

換算表

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

換算表以視窗寬度 1920px計算。可在上方換算器修改設定,與你的專案一致。

關於這些單位

瀏覽器最後會把所有 CSS 長度換算成像素。rem 相對於根元素字級,em 相對於父元素字級;除非頁面或使用者更改,主流瀏覽器預設都是 16px。1pt 是 1/72 英寸,1px 是 1/96 英寸,所以 1pt = 1.333px。vw 是視窗寬度的 1%,對應的像素取決於螢幕寬度。

常見問題

› vw 怎麼換算成 px?

1 vw = 19.2 px。換算時使用公式 px = vw × 1920 ÷ 100:25 vw = 480 px。

› 1 px 等於多少 vw?

1 px = 0.05208333333 vw。反向換算公式是 vw = px × 100 ÷ 1920。

› 為什麼用 rem 而不是 px?

rem 會跟著使用者在瀏覽器設定的字級縮放,對無障礙更友善;只改一個根字級,整個版面就能等比例調整。

› rem 和 em 有什麼不同?

rem 一律使用根元素(html)的字級;em 使用父元素的字級,巢狀時會層層相乘。