vue移动端适配

1.安装

npm add [email protected] amfe-flexible -S

　　amfe-flexible是可配置可伸缩布局方案，主要是将1rem设为viewWidth/10。
　    postcss-pxtorem是postcss的插件，用于将像素单位生成rem单位。

2.在vue.config.js中引入

module.exports = {
     css: {
         loaderOptions: {
             postcss: {
                 plugins: [
                     require('postcss-pxtorem')({
                         rootvalue: 16,
　　　　　　　　　　　　　　　propList: ['*'] 
                     })
                 ]
             }
         }
     },
}
                        

3.在main.js中引入　　

import 'amfe-flexible';