反馈

CSS单位互转

支持 px, rem, em, vw, vh, %, pt, cm, mm, in(不带单位按 px)。改任意项即时重算。


目标单位

📖 工具说明

1. 为什么要换 CSS 单位


2. 功能

全部在浏览器本地算,不联网。


3. 常见单位

单位 类型 说明 常用在
px 绝对 逻辑像素 边框、固定图标
rem 相对 相对根元素字号 整体布局、响应式字体
em 相对 相对当前 / 父元素字号 按钮内边距、缩进
vw / vh 视口 视口宽 / 高的 1% 全屏、分屏
% 相对 相对参考长度 宽度、间距
pt / cm / mm / in 绝对(打印) 按 96dpi 折算 打印样式

4. 操作流程

  1. 填基准:根字号(如 16 或 10)、视口宽高按目标设备填。
  2. 输入要换的值(可带原单位)。
  3. 勾目标单位。
  4. 看表,复制或下载 CSV。

5. 说明


相关:颜色选择 · CSS 效果生成 · 精灵图生成 · Sass/CSS 互转 · CSS 格式化。

换算仅供参考,布局细节请以浏览器实际渲染为准。

📖 了解原理

📖 相关推荐