Vue2 mobile adaptation

Using postcss-pxtorem and amfe-flexible

command line installation

npm i amfe-flexible -S
npm i postcss postcss-pxtorem --save-dev

in index.html

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

main.js

import 'amfe-flexible/index'

in postcss.config.js

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*'],
    },
  },
};