Rem to Px Converter是做什麼的？

當你拿到一份以 rem 為單位的標註或設計稿，需要換算成 px 落地到固定尺寸場景時，用本工具按當前根字號反算。

計算結果準確嗎？

本工具在你的本地瀏覽器中即時計算，不依賴伺服器；只要輸入的引數正確，結果即按對應的規則得出。涉及經驗估算的部分僅供參考，不作為正式依據。

使用本工具需要聯網或上傳資料嗎？

不需要。所有計算均在你的裝置本地完成，資料不會上傳到任何伺服器，可放心使用。

rem 轉 px 計算器 - 便於落地到固定尺寸場景

← ToolBox / rem 轉 px 計算器

📖 檢視「Rem to Px Converter使用指南」

🧮 Rem to Px Converter

Convert rem values from a spec or design file back to pixels using the current root font size for fixed-size contexts.

📐 工作原理與說明

px = rem × root（root 為當前根元素 font-size）

把以 rem 為單位的標註或設計稿按當前根字號反算為畫素，用於需要固定尺寸的場景或與設計師核對標註。

rem 值

根字號 root（px）

⚠️ 使用說明與注意事項

px = rem × 根字號；根字號改變時同一 rem 對應的 px 會整體變化。
固定尺寸場景（如海報、原生 App 內嵌 WebView）常用 px；自適應網頁推薦 rem。
結果四捨五入到 2 位小數。

📏 常用尺寸速查表（root = 16px）

rem	px	常見用途
0.5	8	小間距 / 描邊
0.75	12	輔助文字
0.875	14	正文小字
1	16	正文基準
1.25	20	小標題
1.5	24	標題 / 間距
2	32	區塊標題
3	48	大標題
4	64	頁面主標題

若採用 62.5% 根字號方案（1rem=10px），上表 px 值 = rem × 10，例如 1.6rem→16px、2.4rem→24px。

📚 深度解析：Rem to Px Converter

💡 常見使用場景

核對實際畫素。
除錯佈局。
與設計稿對齊。

2rem @根16

輸入：2rem、根 16px。處理：相乘。輸出：32px。

❓ 常見問題（FAQ）

不同瀏覽器根？: 多數預設 16px，使用者可改；以實際根字號折算。
為何要換算回 px？: 除錯時常用 px 核對真實渲染尺寸，便於與設計稿逐畫素對齊。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

如何使用Rem to Px Converter

在對應的輸入框或選項中填寫、選擇所需引數。
點選「計算」或「生成」按鈕執行。
在結果區檢視輸出，可複製結果或匯出使用。

引數說明

rem 值
根字號 root（px）

適用場景

設計稿標註、配色與排版相關的快速參考。

常見問題

Rem to Px Converter是做什麼的？: 當你拿到一份以 rem 為單位的標註或設計稿，需要換算成 px 落地到固定尺寸場景時，用本工具按當前根字號反算。
如何使用Rem to Px Converter？: 在對應的輸入框或選項中填寫、選擇所需引數，點選「計算」或「生成」按鈕即可執行，結果會在結果區即時顯示，支援複製與匯出。
計算結果準確嗎？: 本工具在你的本地瀏覽器中即時計算，不依賴伺服器；只要輸入的引數正確，結果即按對應的規則得出。涉及經驗估算的部分僅供參考，不作為正式依據。
Rem to Px Converter適合哪些場景？: 設計稿標註、配色與排版相關的快速參考。
使用本工具需要聯網或上傳資料嗎？: 不需要。所有計算均在你的裝置本地完成，資料不會上傳到任何伺服器，可放心使用。

📊 結果解讀

結果含義

rem 是相對根元素（html）字型大小的單位：px=rem×根字號。瀏覽器預設根字號 16 px，故 1 rem=16 px。

用途

使用 rem 可實現整體縮放的無障礙友好佈局；使用者調整預設字號時 rem 佈局同步縮放，px 則固定。

rem 轉 px 計算器