在线CSS单位转换
px、rem、em、vw、vh、% 等 CSS 单位实时互转。
功能特性
多单位转换
支持 px、rem、em、vw、vh、% 等 CSS 单位互转。
实时计算
输入数值后实时显示所有单位的转换结果。
自定义基准
支持自定义根字体大小和视口宽度。
一键复制
点击即可复制任意单位的转换结果。
使用步骤
01选择输入单位
选择要转换的源单位类型。
02输入数值
输入要转换的数值。
03设置参数
根据需要调整根字体大小和视口宽度。
04复制结果
点击复制所需单位的转换结果。
适用场景
响应式布局开发rem 移动端适配vw/vh 视口单位计算CSS 样式调试设计稿标注转换字体大小换算
常见问题
rem 和 em 有什么区别？
rem 相对于根元素（html）的字体大小，em 相对于当前元素的字体大小。通常推荐使用 rem 进行全局适配。
vw 和 % 有什么区别？
vw 相对于视口宽度，1vw = 视口宽度的 1%。而 % 相对于父元素的宽度，两者参考基准不同。