rem 是相對根元素字體大小的單位,做響應式與可訪問性友好的佈局時常用來替代寫死的 px。輸入像素值與根字號,立即得到 rem 值。
本設計工具基於通用設計規範與算法,純前端處理,數據不上傳。 工具名稱:px 轉 rem 計算器。
| px | rem | 常見用途 |
|---|---|---|
| 8 | 0.5 | 小間距 / 描邊 |
| 12 | 0.75 | 輔助文字 |
| 14 | 0.875 | 正文小字 |
| 16 | 1 | 正文基準 |
| 20 | 1.25 | 小標題 |
| 24 | 1.5 | 標題 / 間距 |
| 32 | 2 | 區塊標題 |
| 48 | 3 | 大標題 |
| 64 | 4 | 頁面主標題 |
若採用 62.5% 根字號方案(1rem=10px),上表 rem 值直接除以 1.6 即可,例如 16px→1.6rem、24px→2.4rem。