美文网首页
rem自适应

rem自适应

作者: 光影墨辰 | 来源:发表于2017-11-03 11:32 被阅读0次

        (function  response() {
            //基准320
            let doc = document.documentElement, win = window;

            recale = function () {
                let fsize = 20*(doc.clientWidth/320);
                doc.style.fontSize = fsize+'px';
            }
            doc.addEventListener('DOMContentLoaded',recale,false);  // 监听函数的兼容性未考虑
            //win.addEventListener('orientationchange',recale,false)  监听屏幕方向变化  横屏与竖屏
            win.addEventListener('resize',recale,false);
        })()

相关文章

网友评论

      本文标题:rem自适应

      本文链接:https://www.haomeiwen.com/subject/ktqtmxtx.html