Craftvo

CSS 单位转换 - 在线 px/rem/em/vw 转换工具

도구 불러오는 중…

About this tool

免费在线CSS单位转换工具,支持px、rem、em、vw、vh、%之间互转,可自定义根字体大小和视口尺寸,所有操作在浏览器本地完成。

When to use

前端开发中经常需要在不同CSS单位(如px、rem、vw)之间进行换算,手动计算繁琐且容易出错,此工具提供即时自动转换。

How to use

  1. 1打开工具页面,默认显示根字体16px、父元素字号16px、视口宽1920px、视口高1080px。
  2. 2如需自定义,可在设置区域修改根字体、父元素字号、视口宽高等参数。
  3. 3在任一输入框(如px、rem、em等)中输入数值,其他单位的值会自动同步更新。
  4. 4点击预设按钮(如12px、16px)可快速设置px值。
  5. 5点击每个输入框旁的“复制”按钮可复制对应单位的值。
  6. 6查看预览框实时显示当前px值对应的尺寸大小。

Input & output

输入:用户提供任意单位的数值(px、rem、em、vw、vh、%),并可调整根字体、父元素字号、视口宽高等参数。输出:所有其他单位的换算结果,以及一个可视化预览框。

Who it's for

前端开发者、网页设计师以及需要处理响应式布局的任何人。

FAQ

如何将px转换为rem?
在px输入框中输入数值,rem输入框会自动显示换算结果,换算基于根字体大小(默认16px)。
em和rem有什么区别?
em相对于当前元素的父元素字号,而rem相对于根元素(html)的字号。工具中em使用父元素字号设置,rem使用根字体设置。
如何将px转换为vw?
在px输入框中输入数值,vw输入框会自动显示结果,换算基于视口宽度(默认1920px)。
可以自定义视口尺寸吗?
可以,在设置区域修改视口宽和高,转换结果会相应更新。
Creator11159468968

Related tools

YAML 파서 - 온라인 YAML 형식 파싱 및 변환 도구

Free

YAML 파서 - 온라인 YAML 형식 파싱 및 변환 도구. 설치 없이 바로 사용할 수 있는 무료 온라인 도구입니다.

1
1159468968
71

시간대 변환기 - 온라인 세계 시간대 비교 변환 도구

Free

시간대 변환기 - 온라인 세계 시간대 비교 변환 도구. 무료 온라인 도구로, 설치 없이 바로 사용할 수 있습니다.

1
1159468968
51

TOML 파서 - 온라인 TOML 형식 파싱 및 변환 도구

Free

TOML 파서 - 온라인 TOML 형식 파싱 및 변환 도구. 무료 온라인 도구로, 설치 없이 바로 사용할 수 있습니다.

1
1159468968
50

단위 변환기 - 온라인 길이 무게 온도 등 단위 환산 도구

Free

단위 변환기 - 온라인 길이 무게 온도 등 단위 환산 도구. 무료 온라인 도구로, 설치 없이 바로 사용할 수 있습니다.

1
1159468968
39

文本大小写转换 - 在线大小写转换工具

Free

文本大小写转换 - 在线大小写转换工具 —— 免费在线工具,打开即用,无需安装。

1
1159468968
28

颜色选择器 - 在线 HEX/RGB/HSL 颜色转换工具

Free

颜色选择器 - 在线 HEX/RGB/HSL 颜色转换工具 —— 免费在线工具,打开即用,无需安装。

1
1159468968
27

© 2026 Craftvo

도움말 센터경쟁사 비교서비스 약관개인정보 처리방침개발자 계약도구 가용성 정책요금제문의/제휴