跳到工具
JoeLucky

點擊工具頁的「收藏」加入

工具類別

程式碼截圖CSS 漸層產生器玻璃擬態產生器Box Shadow 產生器CSS 載入動畫SVG Blob 產生器SVG 轉 PNG色彩對比檢查工具PX/REM/EM 轉換器
JoeLucky

實用好用的在線工具集合站

隱私政策服務條款

© 2026 JoeLucky®. 版權所有。

  1. JoeLucky
  2. /CSS 與設計
  3. /PX/REM/EM 轉換器

PX/REM/EM 轉換器

在 px、rem 與 em 之間轉換,可自訂根字體大小,支援批次清單。

相似CSS 與設計

查看全部
程式碼截圖

將程式碼轉成美觀的分享圖片,支援多種主題

開啟 →
CSS 漸層產生器

視覺化設計線性、放射、圓錐漸層,即時複製 CSS 程式碼

開啟 →
玻璃擬態產生器

即時預覽玻璃擬態效果,一鍵複製 CSS 程式碼

💬 使用者留言

?

還沒有留言,搶先留下你的想法!

什麼是PX/REM/EM 轉換器?

PX/REM/EM 轉換器可在三種 CSS 單位間互相轉換,rem 相對於根字體大小,em 則相對於獨立可調的上下文字體大小。

如何使用?

  1. 視需要調整根字體大小與上下文字體大小。
  2. 切換單一數值或批次清單模式進行轉換。

常見問題

rem 和 em 到底差在哪?

rem 永遠相對於「根元素」(通常是 html)的字體大小計算,不論巢狀多深都一樣;em 則相對於「目前元素(或其父層)」的字體大小計算,巢狀使用時會隨層級疊加。本工具刻意把兩者的輸入欄位分開,避免混用。

批次模式的數字格式有限制嗎?

每行輸入一個數字即可,支援小數;無法解析的行會在結果表格中清楚標示為錯誤,而不會被悄悄略過或當成 0。

這個工具會解析我的 CSS 檔案嗎?

不會。V1 僅做數值換算,不含剖析/自動轉換整份 CSS 檔案的功能,這項功能已規劃為 V2。

rem 一律相對於此根字體大小計算。

em 相對於此父層/上下文字體大小計算,與根字體大小是分開的兩個值。

px

16

rem

1

em

1

開啟 →