什麼是排版單位換算器?

排版單位換算工具可在像素(px)、em、rem、點(pt)和百分比(%)之間互相轉換。設定基準字級,在任一欄位輸入數值,其餘單位立刻同步更新。

使用方法

  1. 步驟一 — 設定基準字級(預設 16px),此數值決定 em、rem 和百分比等相對單位的計算基準。
  2. 步驟二 — 在五個單位欄位(px、em、rem、pt 或 %)中任一欄位輸入數值,其他單位的值會即時更新。
  3. 步驟三 — 複製任意轉換後的數值,用於 CSS 樣式表、設計規格或印刷排版。

結果

設計師提供的規格使用點數(14pt 內文)。在 pt 欄位輸入 14 並將基準設為 16px,即可看到對應值為 18.67px、1.167em、1.167rem 和 116.7%,可直接用於樣式表。

相關工具