移动端适配步骤

1.下载flexible（下载它就可以自动设置html根字号，flexible.js可以根据不同的屏幕自动分成10等分，并把每等分设置给html字号大小，也就是rem.

npm i -S amfe-flexible

2.导入它（main.js），它只要导入就有效果.

import 'amfe-flexible'

3.下载postcss-pxtorem.

npm install postcss postcss-pxtorem --save-dev

4.来到项目根目录新建postcss.config.js,做如下配置.

module.exports = {
    plugins: {
      'postcss-pxtorem': {
        rootValue: 37.5, // 屏幕为375px宽
        propList: ['*'],
      },
    },
  };

5.此时我们在项目中就可以使用px做单位，然后运行起来看网页上有没有变rem.

        如何测试？

        来到app.vue随便写个盒子给宽高和背景颜色，代码里用px单位，然后运行起来审查元素，看这个元素有没有变成rem单位，如果有证明适配成功！