CSS 单位转换器 - 每日工具 | daystool.com

📐 CSS 单位转换器

px/rem/em/vw/vh/vmin/vmax/%/pt/cm/mm/in 互转,可设根字号与视口,一键复制与 localStorage。

快速高效
简单易用
安全隐私

px 为中间值互转 CSS 长度单位。圆角单位见 CSS 圆角生成器; 通用单位换算见 单位转换器

基准设置

单位转换

输入数值后显示换算公式

rem — 相对 html 根字号,响应式布局首选。
em — 相对父元素 font-size,会层层继承。
vw/vh — 视口宽/高的 1%,适合全屏元素。

使用说明

设置根字号、父字号与视口尺寸,输入任意 CSS 长度单位,即时显示全部单位换算结果与公式;点击结果复制,配置保存到 localStorage。

  1. 配置 html 根字号与视口,或点击设备预设。
  2. 输入数值并选择来源单位,查看网格中各单位结果。
  3. 点击任一结果卡片复制,用于样式表或设计稿。

数据均在浏览器本地处理,不会上传到服务器。