CSS单位 vh vw vmin vmax rem

视口（viewpoint）的宽度或者高度
vw: 视口宽度的 1/100
vh: 视口高度的 1/100
vmin: 视口高度和宽度之间的最小值的 1/100
vmax: 视口高度和宽度之间的最大值的 1/100

calc() 计算CSS属性值

.foo {
  --widthA: 100px;
  --widthB: calc(var(--widthA) / 2);
  --widthC: calc(var(--widthB) / 2);
  width: var(--widthC);
}

普通文本段落的默认字体大小是16px
字体转换公式
将px转换为 em：pixels/16=em

1. body选择器中声明 font-size=62.5%；
2. 将你的原来的px数值除以10，然后换上em作为单位；
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

rem: root em
相对大小只是HTML根元素