css实用的单位

em 单位（基于 font-size 计算） lh 单位（基于 line-height 计算）

vmax 等于 视口宽度（vw）和视口高度（vh）中的较大值。
vmin 等于 视口宽度（vw）和视口高度（vh）中的较小值 。

更好用的容器单位

CSS 提供了专门的容器查询长度单位，使组件能够相对于其容器尺寸进行调整：
请看我的《CSS 容器查询用法总结》https://juejin.cn/post/7485068571775107099

• cqw：容器查询宽度的 1%
• cqh：容器查询高度的 1%
• cqi：容器查询内联尺寸的 1%
• cqb：容器查询块级尺寸的 1%
• cqmin：cqi 和 cqb 中的较小值
• cqmax：cqi 和 cqb 中的较大值

示例：

@container (min-width: 700px) {
  .card h2 {
    font-size: max(1.5em, 1.23em + 2cqi);
  }
}