1.安装
npm install lib-flexible
2.修改配置文件
修改里面的flexible.js 文件里面的refreshRem()函数就可以
(flexible.js在安装好的node_modules/lib-flexible/flexible.js)
function refreshRem() { var width = docEl.getBoundingClientRect().width; if (width / dpr > 2560) { //大于2560px以后的宽度 修改地方1!!! width = 2560 * dpr; } else if (width / dpr < 900) { //小于900px以后的宽度 修改地方2!!! width = 900 * dpr; } var rem = width / 24; //将屏幕分成多少分 修改地方3!!! docEl.style.fontSize = rem + 'px'; flexible.rem = win.rem = rem; }
3.引入
在main.js文件里面引入
import 'lib-flexible/flexible'
到这里lib-flexible已经完毕