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