Craftvo

CSS Unit Converter - Online px/rem/em/vw Tool

Loading tool…
#css unit converter#px to rem#rem to px#em converter#vw converter#css converter#unit converter#frontend tool#web design tool#responsive design

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 Parser - Online YAML Format Parsing and Conversion Tool

Free

YAML Parser - Free online tool to parse and convert YAML format. No installation required, ready to use in your browser.

1
1159468968
71

Time Zone Converter - Online Global Time Zone Comparison Tool

Free

Time Zone Converter - Free online tool for comparing and converting global time zones. No installation required, ready to use.

1
1159468968
51

TOML Parser - Online TOML Format Parsing and Conversion Tool

Free

TOML Parser - Online TOML format parsing and conversion tool. Free online tool, ready to use without installation.

1
1159468968
50

Unit Converter - Online Length, Weight, Temperature Conversion Tool

Free

Unit Converter - Free online tool for converting length, weight, temperature, and other units. No installation required, ready to use.

1
1159468968
39

Text Case Converter - Online Case Conversion Tool

Free

Text Case Converter - Online Case Conversion Tool - Free online tool, ready to use, no installation required.

1
1159468968
28

Color Picker - Online HEX/RGB/HSL Color Converter Tool

Free

Color Picker - Online HEX/RGB/HSL color converter tool. Free online tool, ready to use, no installation required.

1
1159468968
27

© 2026 Craftvo

Help CenterComparisonsTerms of ServicePrivacy PolicyDeveloper AgreementTool Availability PolicyPricingContact / Cooperation