常用技巧

大小屏幕字体设置

clamp

最小值、首选值、最大值

h1{
    // 如果直接使用10vw,那么使用ctrl放大缩小网页时，字体并不会跟随缩放
    // font-size: clamp(1.8rem, 10vw, 5rem)
    
    // 使用calc来计出一个固定的数值后，则可以支持浏览器的缩放
    font-size: clamp(1.8rem, calc(7vw+1rem), 5rem)
}