一、绝对单位（Fixed Units）
-
px（像素）- 最常见的单位，1px 对应屏幕的一个物理像素点（但在高分辨率设备中可能被缩放）。
- 示例：
width: 100px;
-
pt（点）- 1pt = 1/72 英寸，常用于打印场景。
- 示例：
font-size: 12pt;
-
in（英寸）、cm（厘米）、mm（毫米）- 物理尺寸单位，多用于打印媒体查询。
- 示例：
width: 3cm;
二、相对单位（Relative Units）
-
em- 相对于当前元素的
font-size。若当前元素未设置字体大小，则继承父元素。 - 示例：
padding: 2em;（若字体大小为 16px，则 padding 为 32px）
- 相对于当前元素的
-
rem（Root em）- 相对于根元素（
<html>）的font-size。 - 示例：
font-size: 1.5rem;（若根字体为 16px，则结果为 24px）
- 相对于根元素（
-
%（百分比）- 相对于父元素的对应属性值（如
width: 50%相对于父容器宽度）。 - 示例：
width: 50%;
- 相对于父元素的对应属性值（如
-
vw（视窗宽度百分比）- 1vw = 视窗宽度的 1%。
- 示例：
width: 50vw;（占视窗宽度的一半）
-
vh（视窗高度百分比）- 1vh = 视窗高度的 1%。
- 示例：
height: 100vh;（全屏高度）
-
vmin和vmaxvmin取vw和vh中的较小值，vmax取较大值。- 示例：
font-size: 4vmin;（在视窗宽高较小的一侧占 4%）
7.rpx
- 在微信小程序开发中用的比较多，1rpx=屏幕宽度/750rpx
根据具体需求选择合适的单位，能提升代码灵活性和可维护性。
