PX 到 REM 转换器
使用可复制的 CSS 行和实时参考表,以任何基本字体大小将 px 转换为 rem、rem 转换为 px 以及 px 转换为 em。
处理中...
0%
结果
Rem 单位保持布局的可访问性——它们根据用户的字体大小偏好进行缩放——但没有人愿意整天在脑子里除以 16。该转换器实时进行算术:选择方向(px → rem、rem → px 或 px → em),输入值,结果会立即与可复制的 CSS 行一起显示,例如 font-size: 0.875rem。
基本字体大小字段使该工具适合任何项目。浏览器默认值为 16px,因此 1rem 等于 16px,但许多代码库设置 html { font-size: 62.5% } 以使 1rem 等于 10px — 输入 10 作为基数,然后每个转换和表格行都会跟随。 px → em 方向对父元素的字体大小而不是根使用相同的数学运算,这正是 CSS 中 em 和 rem 的区别。
结果下方的参考表显示了最常见的设计尺寸 - 1、2、4、8、10、12、14、16、18、20、24、32、48 和 64 像素 - 已在当前基准上转换,与基准匹配的行突出显示。这是您可以粘贴在显示器上的备忘单,始终与您实际使用的底座保持同步。
当您键入时,一切都在您的浏览器本地发生:无需上传,无需注册,无需服务器往返。 rem → px、px → em、10px 基本值和流行值(如 14、24 和 32 px)的预设页面打开为这些确切问题做好配置的转换器。