移动端利用VW单位进行计算rem

html {
    // 设置根字体大小单位为vw，页面元素的尺寸单位都设为rem，搭配vw和rem，可实现布局根据视口变化而变化
   // 以设计图为750px为例
    font-size: calc(100vw / 7.5);
    // 同时，通过Media Queries 限制根元素字体最大最小值
    // 给根元素字体大小限制最大最小值，以及 body 也增加最大最小宽度限制，这样就可以改善用户体验了。
    @media screen and (max-width: 320px) {
        font-size: 64px;
    }
    @media screen and (min-width: 540px) {
        font-size: 108px;
    }
}

// body 也增加最大最小宽度限制，避免默认100%宽度的 block 元素跟随 body 而过大过小
body {
    max-width: 540px;
    min-width: 320px;
}

#app {
    font-size: initial; // 重置页面字体大小恢复为浏览器默认16px，否则就显示成50px了
}