VUE2移动端适配

插件：amfe-flexible、px2rem-loader。

使用postcss-pxtorem和amfe-flexible适配后，在真机中遇到偶尔不能适配的问题，考虑很久，决定换了插件。

一：安装amfe-flexible

1、npm安装

npm install -S amfe-flexible

2、main.js中引入

import 'amfe-flexible/index'

3、修改public下的index.html

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

二、安装px2rem-loader

1、npm安装

npm install px2rem-loader

2、vue.config.js中配置

module.exports = {
    chainWebpack:config => {
        config.module.rule('less')
        .test(/\.less$/)
        .rule('scss')
        .test('/\.scss')
        .oneOf('vue')
        .use('px2rem-loader')
        .loader('px2rem-loader')
        .before('postcss-loader')
        .options({remUnit:75,remPrecision:8})
        .end()
    }
}