px (像素)

像素是屏幕上的点，是绝对单位，不随视口或字体大小变化。

示例：width: 100px; - 宽度固定为100像素

rem (根元素字体大小)

相对于HTML根元素的字体大小。默认情况下，1rem = 16px。

示例：font-size: 1.5rem; - 字体大小为根元素的1.5倍

适用于：响应式设计，只需改变根元素字体大小即可等比例缩放所有使用rem的元素

em (当前元素字体大小)

相对于父元素的字体大小。

示例：margin: 2em; - 外边距为当前元素字体大小的2倍

注意：嵌套使用em会导致尺寸累积计算，可能出现意外结果

vw (视口宽度)

视口宽度的百分比，1vw = 视口宽度的1%。

示例：width: 50vw; - 宽度为视口宽度的50%

适用于：响应式设计，使元素尺寸相对于视口宽度变化

vh (视口高度)

视口高度的百分比，1vh = 视口高度的1%。

示例：height: 100vh; - 高度等于整个视口高度

适用于：全屏布局或垂直响应式设计

其他常用单位

% - 相对于父元素的百分比

vmin - 视口宽度或高度中较小值的百分比

vmax - 视口宽度或高度中较大值的百分比

ch - 基于字符"0"的宽度

ex - 基于字符"x"的高度