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 |
使用方法
- 輸入基礎字型大小(預設 16px)
- 輸入 px 值轉換為 rem/em
- 輸入 rem/em 轉換為 px
常見問題
- 支援哪些單位?
- 支援 px、rem、em、vw、vh、% 的相互轉換。
- 可以更改基準字體大小嗎?
- 可以。可以自由設定 rem/em 計算使用的基準字體大小。
- 資料會傳送到伺服器嗎?
- 不會。所有處理都在瀏覽器中完成。
- 如何使用本工具?
- 輸入數值與單位,工具將顯示 px、em、rem、vw、vh 等各單位的換算結果。也可設定基準字型大小和視口尺寸。
- vw 和 vh 的計算基準是什麼?
- 視口尺寸可在工具中設定,預設值已提供,但您可以根據實際螢幕尺寸修改以獲得精確結果。
相關工具
更新記錄
最後更新:2026-02-21
- 2026-02-21 初次發布