1、安装依赖
npm install lib-flexible --save-dev
npm i postcss-px2rem --save
2、在main.js中引入
import 'lib-flexible'
3、在vue.config.js中配置
css: {
loaderOptions: {
postcss: {
plugins: [
require("postcss-px2rem")({
remUnit: 136.6
})
]
}
}
}
4.修改flexible.js配置
文件路径:node_moudles/lib-flexible/flexible.js
function refreshRem(){
var width = docEl.getBoundingClientRect().width;
if (width / dpr > 540) {
// width = 540 * dpr; // 540修改为width
width = width * dpr;
}
var rem = width / 10;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}