DevToolPal
繁

CSS 單位

px轉rem換算器

把像素(px)換算成rem(rem)。1 px = 0.0625 rem,1 rem = 16 px。

公式

rem = px ÷ 16

換算方法

把像素換算成rem時,將數值除以 16。例如 32 px = 2 rem。

換算表

px rem
1 px 0.0625 rem
2 px 0.125 rem
4 px 0.25 rem
8 px 0.5 rem
10 px 0.625 rem
12 px 0.75 rem
14 px 0.875 rem
16 px 1 rem
18 px 1.125 rem
20 px 1.25 rem
24 px 1.5 rem
32 px 2 rem
48 px 3 rem
64 px 4 rem

換算表以基準字級 16px計算。可在上方換算器修改設定,與你的專案一致。

關於這些單位

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

常見問題

› px 怎麼換算成 rem?

1 px = 0.0625 rem。換算時將數值除以 16:32 px = 2 rem。

› 1 rem 等於多少 px?

1 rem = 16 px。反向換算公式是 px = rem × 16。

› 為什麼用 rem 而不是 px?

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

› rem 和 em 有什麼不同?

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