图片设计工具
Rem / Px 转换
在线换算 rem 与 px,支持自定义根字号,适合前端布局和响应式样式开发。 工具在浏览器本地运行,输入内容不会上传服务器。
适用场景
- 将设计稿 px 值转为 rem 用于响应式开发。
- 计算不同根字号下的 rem 值。
- 批量转换 CSS 尺寸。
使用步骤
- 设置根字号(默认 16px)。
- 输入 px 或 rem 值。
- 查看转换结果。
- 复制结果。
常见问题
rem 和 em 有什么区别?
rem 相对根元素(html)字号,em 相对当前或父元素字号,响应式布局中 rem 更可控。
根字号设多少合适?
默认 16px 最通用;部分项目会把 html 字号设为 62.5%(相当于 10px)方便换算,保持与项目设置一致即可。
支持批量转换吗?
当前版本为单值即时换算;大量 CSS 建议使用 PostCSS 插件或脚本批量处理。