PX 轉 REM 轉換器
在 CSS 像素 (px) 和 rem 單位之間轉換，支援自訂基礎字號。包含 1px 到 32px 的快速參考表。
參數
要轉換的數值。
根字體大小（以像素為單位）（預設瀏覽器為 16px）
選擇 px 轉 rem 或 rem 轉 px。
結果
16px = 1rem (at 16px base)
其他結果 (2)
font-size: 1rem; /* 16px */
即用型 CSS 聲明
px | rem ---|--- 1 | 0.0625 2 | 0.1250 3 | 0.1875 4 | 0.2500 5 | 0.3125 6 | 0.3750 7 | 0.4375 8 | 0.5000 9 | 0.5625 10 | 0.6250 11 | 0.6875 12 | 0.7500 13 | 0.8125 14 | 0.8750 15 | 0.9375 16 | 1.0000 17 | 1.0625 18 | 1.1250 19 | 1.1875 20 | 1.2500 21 | 1.3125 22 | 1.3750 23 | 1.4375 24 | 1.5000 25 | 1.5625 26 | 1.6250 27 | 1.6875 28 | 1.7500 29 | 1.8125 30 | 1.8750 31 | 1.9375 32 | 2.0000
Reference table: pixels to rem at 16px base
點解揀 PX 轉 REM 轉換器
Px 到 Rem 轉換器可立即在像素和 rem CSS 單位之間進行轉換，以實現響應式網頁設計。輸入任意值和基本字體大小，然後取得轉換結果以及即用型 CSS 程式碼片段和快速參考表。
- ✓使用任何基本字體大小將 px 轉換為 rem 並將 rem 轉換為 px
- ✓產生可複製的 CSS 程式碼片段
- ✓包括 1 像素到 32 像素的快速參考表
- ✓支援小數值以進行精確轉換
使用步驟
- 1輸入您要轉換的值
- 2設定基本字體大小（預設為16px，瀏覽器預設）
- 3選擇轉換方向：px 到 rem 或 rem 到 px
- 4查看轉換後的值和CSS程式碼片段
- 5使用參考表快速尋找常見轉換
常見問題 (FAQ)
CSS中的rem單位是什麼？
rem (root em) 是相對於根元素 (html) 字體大小的 CSS 單位。與相對於父元素的 em 不同，rem 始終引用相同的基底值，這使得跨嵌套元素的大小調整更加可預測。
為什麼我應該使用 rem 而不是 px？
當使用者更改瀏覽器字體大小以實現可訪問性時，使用 rem 可以讓您的設計按比例縮放。像素是絕對單位，不回應使用者偏好，而 rem 尊重根字體大小設定。
瀏覽器中的預設基本字體大小是多少？
All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.
如何將 24px 轉換為 rem？
To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.
我可以更改專案的基本字體大小嗎？
Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.
權威參考資料
相關工具
繼續探索同一情境下的實用工具。