移动端字体适配

1. 使用 vw 和 rem 实现移动端适配

rem 是 根元素 html字体大小的倍数，只跟根元素字体大小有关。如果浏览器默认字体是 16px (根元素html的font-size = 16px)，那 1rem = 16px;

这样如果屏幕改变时，只需要修改html元素的font-size 就可以实现等比适配，但是貌似实际开发中并不需要字体等比适配，基本移动端字体都是 16px 或者 14px。 (也有可能是我见识少)

vw 是把屏幕分成 多少等份，100vw就是 把屏幕分成 100等份；（怎么感觉跟 %一样，嗐 还是太菜）

<style type="text/css" scoped>
  /* 100vw  375px */ /* 375px 是某个屏幕的大小或者设计图的大小*/
  /* a      100px */
  html {
    font-size: 26.66667vw; /* (100 * 100 / 375)*/
  }
  div {
    font-size: 0.16rem; /* 0.16rem = 16px*/
  }
</style>