CSS 尺寸单位有哪些？

CSS 提供了多种尺寸单位，用于设置元素的大小、位置和其他样式属性。主要的尺寸单位包括：

%（百分比）：相对于包含块的尺寸，如父元素的宽度或高度。
```
width: 50%;
```
em：相对于当前元素的字体大小，1em等于当前字体的大小。
```
font-size: 2em;
```
rem：相对于根元素（<html>）的字体大小，1rem等于根元素的字体大小。
```
margin: 1rem;
```
vh（视口高度）：相对于视口的高度，1vh等于视口高度的1%。
```
height: 50vh;
```
vw（视口宽度）：相对于视口的宽度，1vw等于视口宽度的1%。
```
width: 50vw;
```
vmin：相对于视口的较小的宽度或高度，1vmin是 vw 和 vh 中较小的那个。
```
font-size: 2vmin;
```
vmax：相对于视口的较大的宽度或高度，1vmax是 vw 和 vh 中较大的那个。
```
font-size: 2vmax;
```
ch：相对于 0 字符的宽度（当前字体的数字 0 的宽度）。
```
width: 10ch;
```
ex：相对于当前字体的 x 高度。
```
height: 5ex;
```

auto：根据元素内容或布局自动计算尺寸。
```
width: auto;
```
min-content、max-content、fit-content：用于定义元素尺寸的最小、最大或适应内容的尺寸。
```
width: min-content;
```