什麼是 EM 轉 PX 換算器？
EM 轉 PX 換算器能把 CSS 的 em 單位轉換成絕對的像素值。在 CSS 裡，em 是一種相對單位：1em 等於父元素的字級大小（若是非字體相關的屬性，則以元素自身的字級為準）。由於瀏覽器預設的根字級為 16px，1em 通常會等於 16px——不過實際數值仍取決於你所設定的基準字級。
如何使用
先輸入要換算的 em 值，再填入以像素為單位的基準字級。多數瀏覽器預設為 16px，因此這個數值已經幫你預先填好。按下計算，就能看到對應的像素值。當你手上的設計稿是以像素標示，而樣式表卻是用 em 撰寫時，這個工具特別好用。
公式說明
換算方式只是一個簡單的乘法：
$$\text{PX} = \text{EM value} \times \text{Base font size (px)}$$舉例來說，在 16px 基準下，1.5em 等於 \(1.5 \times 16 = 24\text{px}\)。若要反向換算，把像素除以基準字級即可：\(\text{px} \div \text{基準字級} = \text{em}\)。
實際範例
假設某個標題設定為 2.5em，基準字級是 16px，那麼它的像素大小就是 \(2.5 \times 16 = 40\text{px}\)。如果把基準改成 18px，同樣的 2.5em 就會呈現為 \(2.5 \times 18 = 45\text{px}\)——由此可見 em 是隨基準字級等比縮放的。
常見問題
1em 一定等於 16px 嗎？只有在基準字級維持瀏覽器預設的 16px 時才成立。一旦父元素或根元素的字級不同，1em 也會跟著改變。
em 和 rem 有什麼差別？rem 永遠以根元素（html）的字級為基準，而 em 則是以最接近的字級為基準，會層層繼承並相互疊加。
為什麼要用 em 而不用 px？em 單位會隨使用者的字級偏好一同縮放，不僅提升無障礙體驗，也讓響應式排版更容易維護。
