查看一组设计稿字号和间距的 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,或者移动端有单独缩放策略,应填写项目实际根字号。
围绕当前输入:16 18 24 32 | 16 | 4