因为在项目中main.js引入了——import “lib-flexible”;
又因为这个工具的特殊性和项目的多样性;我们要修改源码,来配合项目使用
重点每回拉去项目时,npm install 后,找到node_moduyles包下lib-flexible文件夹下的flexible.js 文件。
找到refreshRem函数进行修改if()判断语句
function refreshRem(){
//展示的是操作后的真实渲染宽度
var width = docEl.getBoundingClientRect().width;
if (width < 1200) {
width = 1200;
} else if (width / dpr > 540) {
width = width * dpr;
}
var rem = width / 10;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}
切记:修改完成后,一定要重启项目;当脱离掉 node_modules重新 npm install项目依赖时还是需要重新修改一遍的,千万别忘了!