CSS 单位转换是指相互转换 Web 设计中使用的各种长度单位（px、em、rem、%、vw、vh 等）。
绝对单位和相对单位
CSS 单位大致分为绝对单位和相对单位。绝对单位（px、pt、cm 等）是固定大小，相对单位（em、rem、%、vw、vh 等）用相对于基准的比率表示。
px（像素）
最常用的单位，表示屏幕上的 1 点。固定大小易于处理，但会忽略用户的字体大小设置，存在无障碍性问题。
em
基于父元素字体大小的相对单位。1em = 父元素的 font-size。在嵌套结构中会复合计算，因此深层次可能出现意外大小。
rem（根 em）
基于根元素（html）字体大小的相对单位。1rem = html 的 font-size（通常 16px）。与 em 不同不受嵌套影响，现代 CSS 推荐使用。
%（百分比）
表示相对于父元素大小的比例。font-size 的情况基于父的 font-size，width 的情况基于父的 width。需注意不同属性的基准不同。
vw/vh（视口单位）
基于视口（显示区域）大小的单位。1vw = 视口宽度的 1%，1vh = 视口高度的 1%。在响应式设计中可实现根据屏幕大小灵活调整的布局。
pt/pc（印刷单位）
印刷行业使用的单位。1pt = 1/72 英寸，1pc = 12pt。用于印刷 CSS 或 PDF 生成，但屏幕显示通常使用 px 或 rem。
物理单位（cm/mm/in）
表示实际物理长度的单位。1in = 2.54cm = 25.4mm = 96px（CSS 定义）。在需要与印刷物一致时使用，但不保证屏幕的物理大小。
实时转换的优点
本工具支持实时转换，更改基准值后结果会立即更新。可快速确认不同屏幕尺寸或字体设置下的显示效果，实现高效的 CSS 设计。