(详解)关于lib-flexible 适配pc端 移动端

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已经完毕

-------------------------------------------------------------------------------------------------------------------------------