CSS尺寸单位转换器

CSS 支持多种长度单位，分为绝对单位和相对单位。本工具可在 px、em、rem、pt、vw、vh、%、cm、mm、in 之间互相转换，帮助你快速换算响应式布局所需的数值。

px（像素）：绝对单位，屏幕显示的最小方点。CSS 中 1px 对应设备独立像素，是其他单位换算的基准。

em：相对单位，相对于父元素的 font-size。1em = 父元素字号。嵌套使用时会逐级乘积累积，需注意层级。

rem：相对单位，相对于根元素（html）的 font-size。1rem = 根字号（默认 16px）。不受嵌套影响，是响应式布局首选。

pt（磅）：绝对单位，印刷标准。1pt = 1/72 inch ≈ 1.333px（96dpi 下）。常用于打印样式表。

vw / vh：视口单位，1vw = 视口宽度的 1%，1vh = 视口高度的 1%。适合全屏自适应布局。

%（百分比）：相对父元素对应属性。宽度百分比相对父元素宽度，字体百分比相对父元素字号。

cm / mm / in：物理单位。1in = 96px，1cm = 96/2.54 px ≈ 37.795px，1mm = 3.7795px。主要用于打印。

使用方法：设置基准值（根字号、视口尺寸等），输入数值并选择单位，自动显示所有单位的转换结果，点击任意结果即可复制。