前言:
由于viewport
单位得到众多浏览器的兼容,lib-flexible
这个过渡方案已经可以放弃使用,不管是现在的版本还是以前的版本,都存有一定的问题。建议大家开始使用viewport
来替代此方案。vw
的兼容方案可以参阅《如何在Vue项目中使用vw实现移动端适配》一文。
1.首先把安装amfe-flexible,这里使用npm install
npm install -S amfe-flexible
2.在入口文件min.js中引入
import 'amfe-flexible/index.js'
3.在根目录的index.html 的头部加入手机端适配的meta代码
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
4.安装px2rem-loader,这里使用npm install
作用&#