前端开发单位转换工具,支持px、rem、em、vw、vh等单位互相转换
免费在线前端单位转换工具,支持 px、rem、em、vw、vh 等 CSS 长度单位互转,可自定义根字体大小与视口基准宽度高度。帮助前端开发者快速计算响应式布局尺寸,提升 CSS 样式开发效率,浏览器本地运行,即开即用,免费使用,无需注册,数据不上传服务器。,完全免费,无需注册,浏览器本地运行。
使用说明
如何使用
先设置根字体、父字体和视口尺寸,然后在任一单位输入框输入数值,其他单位会实时联动。
单位含义
px 是绝对像素,rem 相对根元素,em 相对父元素,vw/vh 分别相对视口宽高。
复制结果
每个结果项右上角提供复制按钮,复制内容会包含数值和单位,便于直接粘贴到 CSS。
实践建议
- 响应式排版常用 rem,响应式布局常用 vw/vh
- 移动端调试时建议先设定真实设计稿视口尺寸
- 使用 em 时注意父级嵌套导致的缩放叠加