图片设计工具

Rem / Px 转换

在线换算 rem 与 px,支持自定义根字号,适合前端布局和响应式样式开发。 工具在浏览器本地运行,输入内容不会上传服务器。

适用场景

  • 将设计稿 px 值转为 rem 用于响应式开发。
  • 计算不同根字号下的 rem 值。
  • 批量转换 CSS 尺寸。

使用步骤

  1. 设置根字号(默认 16px)。
  2. 输入 px 或 rem 值。
  3. 查看转换结果。
  4. 复制结果。

常见问题

rem 和 em 有什么区别?

rem 相对根元素(html)字号,em 相对当前或父元素字号,响应式布局中 rem 更可控。

根字号设多少合适?

默认 16px 最通用;部分项目会把 html 字号设为 62.5%(相当于 10px)方便换算,保持与项目设置一致即可。

支持批量转换吗?

当前版本为单值即时换算;大量 CSS 建议使用 PostCSS 插件或脚本批量处理。

相关工具