在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题
我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换
首先需要安装一下postcss-px2rem：
npm install postcss-px2rem --save-dev
然后在vue.config.js文件（vue.config.js文件在vue-cli3中默认是没有的，需要自己手动在根目录下创建）中添加以下代码：
module.exports = {
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 75//根据设计图的大小变化，37.5或者75
})
]
}
}
},
}
如果配合了Mint UI框架使用，直接使用上面的方法，会有问题，因为Mint UI框架已经做了适配了，我们再做一边就多余了，有两种方法：
1、如果设计图是750px的，可以将设计图改成375px，或者自己计算，
2、可以把postcss-px2rem依赖卸掉，安装依赖postcss-px2rem-exclude，并修改配置文件package.json
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px2rem-exclude":{
"remUnit": 75,
"exclude":"/node_modules/i"
}
}
}
参考：
https://blog.csdn.net/weixin_39944458/article/details/84633110
https://blog.csdn.net/qq_42354773/article/details/84629147
https://juejin.im/post/5b8ff8b3e51d450e5a73c033
