DevToolPal
繁

CSS 單位

px轉em換算器

把像素（px）換算成em（em）。1 px = 0.0625 em，1 em = 16 px。

1 px = 0.0625 em

在PX 轉 REM 換算中開啟

公式

em = px ÷ 16

換算方法

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

換算表

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

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

關於這些單位

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

常見問題

› px 怎麼換算成 em？

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

› 1 em 等於多少 px？

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

› 為什麼用 rem 而不是 px？

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

› rem 和 em 有什麼不同？

rem 一律使用根元素（html）的字級；em 使用父元素的字級，巢狀時會層層相乘。