REM/PX单位在线转换工具

REM转PX单位

REM转PXPX转REM

基准根字体大小（px）

小数精度

位

输入代码

转换结果

暂无转换结果

请输入代码并点击【开始转换】按钮，或点击【查看示例】查看演示

工具说明

REM/PX单位在线转换工具支持CSS代码中REM与PX单位的双向批量换算，支持自定义基准换算比例（默认16px=1rem），完整保留代码格式、缩进与注释，适用于前端响应式开发、样式适配调试、老旧项目重构等场景。

PX（像素）	网页固定像素单位，尺寸固定不受设备影响，适合固定布局场景	REM（相对长度）	依托根字号的相对自适应单位，广泛用于响应式开发，1rem等于根元素的font-size值

选择转换模式

点击「REM转PX」或「PX转REM」切换转换方向

设置基准参数

设置根字体大小（默认16px）和小数精度（默认4位）

输入代码

在输入框中粘贴CSS代码，支持完整样式文件内容

执行转换

点击【开始转换】按钮，系统自动识别并批量转换所有单位

双向转换

支持REM转PX和PX转REM两种模式，切换模式时已填数值会自动保留，无需重复录入。

自定义基准

支持自定义根字体大小（默认16px），兼容整数和小数，灵活适配各类项目开发规范。

批量转换

自动识别代码中所有单位并批量转换，完整保留代码格式、缩进与注释，复杂多行CSS代码也能稳定解析。

数据安全

所有转换均在浏览器本地完成，无需联网，代码不上传服务器，完全保障隐私安全。

PX是网页固定像素单位，尺寸固定不受设备影响；REM是依托根字号的相对自适应单位，广泛用于响应式开发。前端开发中常需要两种单位互相适配，本工具可快速批量换算，兼顾固定布局与自适应布局的开发场景。

工具支持完全手动自定义换算基数，在上方单位输入框自主填写对应数值，即可自由配置项目根字体大小。同时兼容整数、小数灵活录入，切换转换模式时已填数值会自动互换保留、不会清空，无需重复手动录入。

可全自动识别页面内所有px、rem单位，支持字体、边距、宽高、圆角、定位等全部CSS样式属性。兼容正数、小数、负数等各类数值格式，完整保留原有代码缩进、注释、选择器结构，复杂多行CSS代码也能稳定批量解析转换不出错。

本工具支持双向无损可逆转换，REM转PX与PX转REM可自由逆向切换操作。转换仅精准修改单位与对应数值，完整保留代码注释、排版缩进、选择器与样式结构，输出代码整洁规范，无需二次编辑。

主要适用于前端网页制作、移动端适配、老旧项目重构、UI标注还原等主流开发场景，可快速将固定像素代码转为自适应REM布局，也可将REM样式还原为固定PX单位。