1.npm 安装 lib-flexible 和 px2rem-loader
main.js引入,
import “lib-flexible”;
2.下载的依赖中找到lib-flexible ,修改 refreshRem方法
注:dpr 也需要注意修改
function refreshRem() {
var width = docEl.getBoundingClientRect().width;
var rem =width/10;
if (width / dpr > 1920) {
width = width * dpr;
rem = width / 10;
}
if (width / dpr < 750) {
width = width * dpr;
rem = (width/10) * 5.12;
}
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}
3.在build --> utils.js文件里的exports.cssLoaders配置px2rem-loader插件
4.
- 重启项目