vue+vue-cli+淘宝lib-flexible做移动端自适应

总结用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处配置

vue+vue-cli+淘宝lib-flexible做移动端自适应

vue+vue-cli+淘宝lib-flexible做移动端自适应

重启下服务,就可以使用px作为设计稿(750px)给的单位使用啦,项目打包后px会自动转换为rem。

上一篇:stm32上阿里云收集一氧化碳


下一篇:Centos 6.5下一个SNMP简单配置(snmp protocol v3,监控宝)