总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案:
1.安装淘宝lib-flexible
npm install lib-flexible --save
2.在入口文价main.js中引用flexible
import 'lib-flexible'
3.由于在开发中rem和px手动转换比较麻烦,所以建议安装px2rem这个工具
3.1安装px2rem工具
npm install px2rem-loader --save-dev
3.2在vue-cli生成的文件中,找到以下文件 build/utils.js,如下图添加3处配置
重启下服务,就可以使用px作为设计稿(750px)给的单位使用啦,项目打包后px会自动转换为rem。