在线CSS单位转换器

px(像素)
px
px
rem1rem
em1em
vw0.8333vw
vh100vh
pt12pt
%100%

CSS单位转换器使用说明

在线CSS单位转换工具,支持px、rem、em、vw、vh、pt、%等常用CSS单位之间的快速互转,可自定义根字体大小和视口宽度,前端开发必备。

功能特点

  • 支持 px、rem、em、vw、vh、pt、% 七种CSS单位互转
  • 实时转换,输入即出结果
  • 可自定义根字体大小(默认16px)
  • 可自定义视口宽度(默认1920px)
  • 一键复制任意转换结果
  • 前端开发、UI设计必备工具
  • 简洁界面,零学习成本

使用步骤

  1. 输入数值并选择源单位
  2. 工具实时显示所有其他单位的转换结果
  3. 根据需要调整根字体大小和视口宽度
  4. 点击任意结果一键复制

常见问题

px和rem的区别是什么?

px是绝对单位,固定像素值;rem是相对单位,相对于根元素(HTML)的字体大小。默认根字体16px时,1rem=16px。

vw单位是什么意思?

vw是视口宽度(Viewport Width)单位,1vw等于视口宽度的1%。设置视口宽度为1920px时,1vw=19.2px。

em和rem有什么区别?

rem相对于根元素字体大小,em相对于当前元素的父元素字体大小。嵌套层级多时em会叠加计算,rem始终基于根元素。

pt单位用在哪里?

pt(磅)是印刷常用单位,1pt=1/72英寸。CSS中较少使用,打印样式或某些邮件模板中可能会用到。