vue 项目 移动端适配rem (2)

135 阅读1分钟

使用插件有:使用npm 安装

1、postcss-px2rem

2、px2rem-loader

3、lib-flexible

好用方法:

//vue.config.js
const px2rem = require('postcss-px2rem')const postcss = px2rem({  remUnit: 37.5})
module.exports = {  css: {    loaderOptions: {      postcss: {        plugins: [postcss]      }    }  },
//...
}
//main.js
import 'lib-flexible'

小demo

<div style="height:200px">高在浏览器打印台看到的是rem值,插件使用成功</div>