CSS Viewport 单位

视口宽度

vw单位表示根元素宽度的百分比，1vw等于视口宽度的1%。

视口高度

vh单位表示根元素高度的百分比，一个vh等于视口高度的1%。

Vmin 单位

vmin表示视口的宽度和高度中的较小值，也就是vw 和 vh 中的较小值。如果视口宽度大于其高度，则将根据高度计算该值。

Vmax 单位

vmax与vmin相反,该值是vw 和 vh 中的较大值。

最小字体大小

.title {
    font-size: calc(14px + 2vw);
}

最大字体大小

@media (min-width: 1800px) {
    .title {
        font-size: 40px;
    }
}