适配移动端，更改html字体大小(适用rem单位)

最新推荐文章于 2022-10-11 10:09:05 发布

小波很温暖

最新推荐文章于 2022-10-11 10:09:05 发布

阅读量201

点赞数 1

文章标签： javascript html

本文链接：https://blog.csdn.net/Angels_LB/article/details/115940727

版权

适配移动端，更改html字体大小

 (function(doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.setProperty('font-size', (clientWidth / 10) + 'px', 'important');
            };
        if (!doc.addEventListener) {
            return
        };
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);