查看一組設計稿字號與間距的 rem 換算
把 12、14、16、20、24、32、48px 按 16px 根字號批次換成 rem。
打開示例输入像素值和根字号,批量查看 px、rem、em 和常见 CSS 间距/字号换算结果,適合前端还原设计稿和响应式排版检查。
适合把设计稿字号、间距、圆角和断点辅助值批量换算为 rem;不会保存输入。
結果會在這裡以結構化卡片展示。
精選短輸入與高頻排查場景,方便使用者一鍵打開、轉發,也讓搜尋與 AI 更容易理解工具用途。
把 12、14、16、20、24、32、48px 按 16px 根字號批次換成 rem。
打開示例這些說明幫助使用者理解結果,也幫助搜尋引擎和 AI 更準確理解工具用途。
rem = px ÷ 根字号。例如根字号 16px 时,24px 等于 1.5rem。
適合。它可以把 Figma、Sketch 或截图里的像素字号和间距快速换成 rem,但仍需要结合项目的实际根字号和缩放策略复核。
最適合把設計稿字號、間距、圓角和元件尺寸快速換成 rem,形成可重用的前端 spacing scale。
預設用 16px;若專案修改 html font-size 或行動端縮放策略,應填實際根字號。
圍繞目前輸入: 12 14 16 20 24 32 48 | 16 | 4