PX REM 字号间距转换查看

输入像素值和根字号,批量查看 px、rem、em 和常见 CSS 间距/字号换算结果,适合前端还原设计稿和响应式排版检查。

像素值、根字号和精度例如 16 18 24 32 | 16 | 4
px

适合把设计稿字号、间距、圆角和断点辅助值批量换算为 rem;不会保存输入。

等待查询

结果会在这里以结构化卡片展示。

可直接查看的示例结果

精选短输入和高频排查场景,方便用户一键打开、转发,也让搜索和 AI 更容易理解这个工具能解决什么问题。

PX REM

查看一组设计稿字号和间距的 rem 换算

把 12、14、16、20、24、32、48px 按 16px 根字号批量换成 rem。

打开示例

常见问题

这些说明帮助用户理解结果,也帮助搜索引擎和 AI 更准确理解工具用途。

px 转 rem 怎么算?

rem = px ÷ 根字号。例如根字号 16px 时,24px 等于 1.5rem。

适合设计稿还原吗?

适合。它可以把 Figma、Sketch 或截图里的像素字号和间距快速换成 rem,但仍需要结合项目的实际根字号和缩放策略复核。

px rem 转换器最适合解决什么问题?

最适合把设计稿里的字号、间距、圆角和组件尺寸快速换成 rem,形成前端可复用的 spacing scale。

根字号应该填多少?

默认按 16px 计算;如果项目修改了 html font-size,或者移动端有单独缩放策略,应填写项目实际根字号。

相关长尾搜索

围绕当前输入:12 14 16 20 24 32 48 | 16 | 4

12 14 16 20 24 32 48 | 16 | 4 PX/REM12 14 16 20 24 32 48 | 16 | 4 在线查看12 14 16 20 24 32 48 | 16 | 4 开发文本处理px rem 转换器px 转 rem 在线查看CSS rem 换算设计稿字号转 rem前端间距 rem 计算