1.首先下载 lib-flexible
npm install lib-flexible --save
2.在main.js中引用 lib-flexible
import 'lib-flexible/flexible'
3.安装px2rem-loader(将px转换成rem)
npm install px2rem-loader
4.配置px2rem(在build/utils.js中配置px2rem)
我这边是根据 iphone6的设计图尺寸来的,所以用37.5能方便把设计图上的px直接写在代码里面
exports.cssLoaders = function(options){ options = options || {} const px2remLoader = { loader: 'px2rem-loader', option: { remUnit: 37.5 } } }
最后重新 npm run dev 就可以使用了
标签:vue,lib,px2rem,px,loader,rem,flexible From: https://www.cnblogs.com/alizhi/p/17509507.html