响应式布局插件 lib-flexible

166 阅读1分钟

在main.js中引入js文件

import 'lib-flexible/flexible'

flexible.js中修改

    function refreshRem() {
        var width = docEl.getBoundingClientRect().width;
        // if (width / dpr > 540) {
        //     width = 540 * dpr;
        // }
        // var rem = width / 10;
        // 修改最小值400 最大值2560
        if (width / dpr < 400) {
            width = 400 * dpr;
        }else if(width / dpr > 2560){
            width = 2560 * dpr;
        }
        // 设置成24份 1920px设计稿 1rem 就是80px  (1920/24 = 80)
        var rem = width / 24;
        docEl.style.fontSize = rem + 'px';
        flexible.rem = win.rem = rem;
    }