Vue2移动端适配

使用postcss-pxtorem 和 amfe-flexible

命令行安装

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

在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'

在 postcss.config.js

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