px 转 rem 转换器
px 与 rem/em 双向换算,自定义根字号,批量转换 CSS 声明行,附 8–96px 常用对照表。
→ 1.5 rem / em
→ — px
常用对照表 · 根字号(px) = 16
| px | rem / em | |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 15px | 0.9375rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
什么是px转rem转换器
px 与 rem/em 双向换算,可自定义根字号(默认 16px);支持整段 CSS 声明批量替换(px→rem 或 rem→px 两个方向),内置 8–96px 常用值对照表,点击即复制;无需登录。
如何使用px转rem转换器
- 如需非 16px 根字号先修改"根字号"
- 在 px 或 rem 输入框填数值,另一侧实时换算
- 批量模式粘贴 CSS 声明,一键把 Npx 全部换成 rem
常见问题
rem 和 em 有什么区别?
rem 始终以根元素(html)字号为基准;em 以当前元素或其上下文的字号为基准,嵌套时会层叠。工具按根字号换算,二者在根级数值相同。
为什么推荐 rem 而不是 px?
rem 布局随用户浏览器字号设置缩放,对可访问性更友好;Tailwind、Bootstrap 等主流框架的间距体系都默认基于 rem。
0.0625rem 这么小的值正常吗?
正常,它对应 1px(根字号 16 时)。1px 边框写 0.0625rem 与直接写 1px 等价;批量转换会保留原精度。
px转rem转换器收费吗?
px转rem转换器完全免费,打开网页即可使用全部功能,没有任何隐藏收费。
px转rem转换器需要下载安装吗?
不需要下载或安装任何软件。这是一个在线网页工具,在手机、平板和电脑的浏览器中打开即可使用。
使用px转rem转换器需要注册账号吗?
不需要。本工具无需注册、无需登录,打开页面即可直接使用。
px转rem转换器在手机上可以使用吗?
可以。页面采用响应式设计,自动适配手机、平板和桌面屏幕,随时随地打开浏览器即可使用。