CSS 單位轉換器

在 px、rem、em、vw、vh、pt 和百分比 CSS 單位之間轉換,可自訂基礎字型大小。

🎨
📐 計算方法說明 — 了解我們的計算方法論、資料來源與品質標準。

如何使用此計算機

輸入數值和單位,選擇目標單位。可自訂基礎字型大小(預設 16px)和視窗寬高。

公式與原理

1 rem = 根元素字型大小(預設 16px)。1 em = 父元素字型大小。1 vw = 視窗寬度 1%。

計算範例

24px = 1.5rem(基礎 16px 時)。2rem = 32px。50vw = 視窗寬度的一半。

專家建議

響應式設計優先用 rem。固定大小用 px。版面佈局用 vw/vh。避免混用太多不同單位。

常見問題

px 和 rem 有什麼不同?

px 是固定像素,rem 依據根元素 font-size 縮放。使用 rem 更適合響應式設計,預設 1rem=16px。

什麼時候用 em、什麼時候用 rem?

rem 參照根元素字型大小,適合全域間距設定。em 參照父元素字型大小,適合元件局部縮放。

相關計算機

🔗

色碼轉換器

前往使用此計算工具。

前往 →
🔗

DPI/PPI 計算機

前往使用此計算工具。

前往 →
🔗

長寬比計算機

前往使用此計算工具。

前往 →