EM 轉 PX 轉換器

輸入計算

換算方向 EM to PX PX to EM

數值（em 或 px）

基準字型大小（px）

結果

換算結果

16

結果

基準字型大小	16 px

什麼是 EM 轉 PX 轉換器？

EM 與 PX 是 CSS 中最常用的兩種單位，廣泛用於設定文字大小、間距與版面配置。像素（PX）屬於絕對單位，數值固定不變；而 EM 則是相對單位，會依據父層元素的字型大小而改變。這款轉換器能在兩種單位之間互相換算，讓你在製作響應式網站時，能更有把握地在「固定尺寸」與「可縮放尺寸」之間自由切換。

使用方法

先選擇換算方向——EM 轉 PX 或 PX 轉 EM——接著輸入你的數值，以及以像素為單位的基準字型大小。瀏覽器的預設基準字型大小為 16px，系統已替你預先填好。按下計算，即可立即看到換算結果。

公式解析

這項換算其實就是簡單的比例關係。要把 EM 換算成 PX，用乘法：

$$\text{px} = \text{em} \times \text{基準值}$$

反過來把 PX 換成 EM，則用除法：

$$\text{em} = \text{px} \div \text{基準值}$$

這裡的「基準值」就是該 EM 數值所參照的字型大小（以像素計）。

EM 乘以基準字級轉換為 PX，PX 除以基準字級轉換回 EM。

實際範例

假設你想換算 1.5em，基準字型大小為 16px。套用公式 \(\text{px} = \text{em} \times \text{基準值}\)：

$$1.5 \times 16 = 24\,\text{px}$$

反之，\(24 \div 16 = 1.5\,\text{em}\)。如果基準值改成 20px，那麼 1.5em 就等於 30px。

以 16px 為基準，1.5em 等於 24px——相對尺寸會隨基準縮放。

常見問題

我該使用哪個基準字型大小？大多數瀏覽器預設為 16px。如果你在 CSS 中調整過根元素（root）或父層元素的 font-size，請改用該數值。

EM 和 REM 一樣嗎？不一樣。REM 一律以根元素的字型大小為基準，而 EM 則是以最接近的父層元素字型大小為基準。若要換算 REM，請以你的根字型大小作為基準值。

為什麼要使用 EM 呢？EM 單位會隨字型大小一起縮放，當使用者調整預設文字大小時，版面能同步適應，讓設計更具無障礙性與響應彈性。