px 轉 rem 計算器

🧮 Px to Rem Converter

Convert pixel values to rem against a chosen root font size, the usual way to keep responsive and accessible layouts.

📐 工作原理與說明
rem = px / root(root 為根元素 font-size,預設 16px)
rem 相對根元素字型大小:以根字號為基準換算,便於做響應式與可訪問性友好的佈局(使用者調整根字號時整體等比縮放),用於設計稿落地。
⚠️ 使用說明與注意事項

📏 常用尺寸速查表(root = 16px)

pxrem常見用途
80.5小間距 / 描邊
120.75輔助文字
140.875正文小字
161正文基準
201.25小標題
241.5標題 / 間距
322區塊標題
483大標題
644頁面主標題

若採用 62.5% 根字號方案(1rem=10px),上表 rem 值直接除以 1.6 即可,例如 16px→1.6rem、24px→2.4rem。

📚 深度解析:Px to Rem Converter

💡 常見使用場景

16px @根16
<p><strong>輸入:</strong>16px、根字號 16px。</p><p><strong>處理:</strong>相除。</p><p><strong>輸出:</strong>1rem;根字號變則等比縮放。</p>

❓ 常見問題(FAQ)

根字號改了?
rem 隨根字號縮放;px 固定不隨,故響應式多用 rem。
為何推薦用 rem?
rem 隨根字號整體縮放,利於無障礙縮放與響應式,px 固定不隨。
會儲存或上傳我的內容嗎?
結果以瀏覽器即時計算為準,純前端本地處理、資料不上傳;生成的樣式與程式碼僅作快速產出參考,正式專案請以設計系統、規範與瀏覽器實測為準。