px ⇔ rem/em 轉換 - CSS 單位轉換器

設定基礎字型大小,在 px/rem/em 之間轉換。對響應式設計的 CSS 單位轉換非常方便。

px
px 結果
rem 結果
em 結果

參考表

px rem em
8px 0.5rem 0.5em
10px 0.625rem 0.625em
12px 0.75rem 0.75em
14px 0.875rem 0.875em
16px 1rem 1em
18px 1.125rem 1.125em
20px 1.25rem 1.25em
24px 1.5rem 1.5em
32px 2rem 2em
48px 3rem 3em
64px 4rem 4em

使用方法

  1. 輸入基礎字型大小(預設 16px)
  2. 輸入 px 值轉換為 rem/em
  3. 輸入 rem/em 轉換為 px

常見問題

支援哪些單位?
支援 px、rem、em、vw、vh、% 的相互轉換。
可以更改基準字體大小嗎?
可以。可以自由設定 rem/em 計算使用的基準字體大小。
資料會傳送到伺服器嗎?
不會。所有處理都在瀏覽器中完成。
如何使用本工具?
輸入數值與單位,工具將顯示 px、em、rem、vw、vh 等各單位的換算結果。也可設定基準字型大小和視口尺寸。
vw 和 vh 的計算基準是什麼?
視口尺寸可在工具中設定,預設值已提供,但您可以根據實際螢幕尺寸修改以獲得精確結果。

相關工具

更新記錄

最後更新:2026-02-21

  • 2026-02-21 初次發布