移动端适配问题

最新推荐文章于 2022-06-07 13:50:00 发布

Yu_xiaoji

最新推荐文章于 2022-06-07 13:50:00 发布

阅读量192

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/Yu_xiaoji/article/details/82142687

版权

h5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

;(function(doc,win){
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
            var _html = document.getElementsByTagName('html')[0];
            view_width > 750 ? _html.style.fontSize = 750 / 18.75 + 'px' : _html.style.fontSize = view_width / 20.75 + 'px';
        };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', function () {
        recalc();
    }, false);
})(document,window);

设置html根元素字体大小_html.style.fontSize为视口宽度比上固定值，尺寸单位为rem