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 或行動端縮放策略,應填實際根字號。

相關長尾搜尋

圍繞目前輸入: 16 18 24 32 | 16 | 4

16 18 24 32 | 16 | 4 PX/REM16 18 24 32 | 16 | 4 線上查看16 18 24 32 | 16 | 4 開發文字處理px rem 轉換器px 轉 rem 線上查看CSS rem 換算設計稿字號轉 rem前端間距 rem 計算