Rem to Px Converter 使用指南
<p><strong>輸入：</strong>2rem、根 16px。</p><p><strong>處理：</strong>相乘。</p><p><strong>輸出：</strong>32px。</p>
核心功能
- 按根字號把 rem 值反算為 px（px = rem × 根字號）
- 根字號可自定義，便於對應不同專案的 html font-size 設定
- 結果保留 2 位小數，直接給出渲染後的實際畫素值
- 純本地計算，不上傳任何輸入
適用場景
- 核對實際畫素。
- 除錯佈局。
- 與設計稿對齊。
使用步驟
- 在「rem 值」輸入設計稿或程式碼中的 rem 數值
- 填入當前專案的根字號（預設 16px）
- 讀取結果區的 px 值
- 與設計稿標註或 DevTools 的 computed 值對照
- 若不一致，回到專案確認 html 的 font-size 是否被覆蓋
實用技巧
- 除錯佈局時用 px 核對真實渲染尺寸最直觀，rem 換算只是手段
- 瀏覽器預設根字號 16px，但使用者可能改過，對不上先查這一項
- 設計稿若以 750px 寬度出圖，rem 換算還需考慮設計稿縮放比，不能只按 16px 折算
- 結果保留 2 位小數，亞畫素差異屬正常渲染行為
常見問題
- 不同瀏覽器根？
- 多數預設 16px，使用者可改；以實際根字號折算。
- 為何要換算回 px？
- 除錯時常用 px 核對真實渲染尺寸，便於與設計稿逐畫素對齊。
- 會儲存或上傳我的內容嗎？
- 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。