px转rem 字号单位换算器 CSS em pt 网页前端

px 转 rem、rem 转 px，以及 em、pt 和 % —— 边输入边换算，并且按你项目真正使用的 root font size 计算。

大多数换算工具默认 root 就是 16px，到此为止。这款工具让你先设定 root font size、em context size 和 DPI，然后所有结果都按这个基准重算：实时换算、字号比例（type scale）、间距 token，以及跨平台像素密度对照表。它是原生 iPhone 工具，不用再翻浏览器标签页，也不需要联网。

功能一览
- 五种单位同时显示：输入一个数值，px、rem、em、pt、% 并排呈现，每个都能一键复制到剪贴板
- 自定义换算基准：root size（8-32px）、em context（8-48px）、DPI（72-320）三个滑杆，62.5% root 或非 96 DPI 的项目也能得到正确数字，设置在下次启动时依然保留
- 一键将基准恢复为 Web 默认值（16px root / 96 DPI）
- 字号比例生成器：基准字号滑杆搭配 8 种比例 —— 小二度 Minor Second 1.067、大二度 Major Second 1.125、小三度 Minor Third 1.200、大三度 Major Third 1.250、纯四度 Perfect Fourth 1.333、增四度 Augmented Fourth 1.414、纯五度 Perfect Fifth 1.500、黄金比例 Golden Ratio 1.618
- Display、H1、H2、H3、H4、H5、Base、Small、Caption 各级字号，同时给出 px 与 rem，并附 'Ag' 字号预览
- 可直接复制的 CSS：把整套字号比例或间距体系导出为 :root custom properties，数值用 rem 书写并附 px 注释
- 4pt 与 8pt 间距栅格 token 表，px 与 rem 对照，每个 token 配有可视化条形
- 常用响应式 breakpoint 参考：640、768、1024、1280、1536 px，px 与 rem 同时列出
- 收藏（星标）与保存换算记录；Saved 标签页分为 Pinned 与 Recent，可逐条取消收藏或删除，每条记录都带一份五单位小结
- 屏幕数字键盘带小数点与退格键，点按有触感反馈

边用边学
Learn 标签页收录 6 篇可展开的说明文章，每篇都配代码示例：px、rem、em、pt 的区别；rem 为何有助于无障碍访问；percent 与 font-size；DPI/PPI 与设备像素；字号比例体系；4pt 与 8pt 栅格。另有速查表 16px = 1rem = 12pt = 100%，以及参考资料清单（MDN、W3C、WCAG 2.2、Apple HIG）。

适合谁用
- 需要把设计稿落成真实样式表数值的 front-end 开发者
- 希望各屏幕字号与间距保持一致的 UI 与产品设计师
- 需要一份唯一 token 事实来源的 design system 维护者
- 想弄清 rem、em、% 为何表现不同的每一个人

为什么不用网页工具
网页工具一关标签页就忘掉你的基准，一次只能算一个数值，也给不出可粘贴的成果。在这里，root size、context size 和 DPI 都会保留，结果五个单位同时呈现，收藏的数值留在 Saved 标签页，字号与间距体系直接输出成可粘进样式表的 CSS。

隐私
所有计算与数据都在你的设备上完成和保存。无账号、无登录、无广告、无分析 SDK，没有任何数据离开手机。App 完全离线可用。可选一条每日 19:00 的本地提醒通知，随时在 iOS 设置中开启或关闭。

完整版权益
完整版权益解锁字号比例生成器、CSS 变量导出、4pt/8pt 间距与跨平台密度工具，以及不限量的收藏换算与历史记录。可选方案：周订阅（com.levi.pxremconv.weekly，ONE_WEEK）、年订阅（com.levi.pxremconv.yearly，ONE_YEAR），或一次性买断的终身版（com.levi.pxremconv.lifetime，NON_CONSUMABLE）。不含免费试用期。确认购买时将从你的 Apple Account 扣款。订阅会自动续期，除非在当前周期结束前至少 24 小时取消；可在 App Store 账户设置中管理或取消。终身版为一次性购买，不会续期。App 内提供恢复购买功能。

设好你的 root size，输入第一个数值，然后把结果直接粘进样式表。

Terms of Use (EULA): https://web-levi.web.app/terms
Privacy Policy: https://web-levi.web.app/privacy-policy
有疑问？[email protected]