APP之rem适配

最新推荐文章于 2025-05-26 10:48:05 发布

夜空下的微笑

最新推荐文章于 2025-05-26 10:48:05 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_41014370/article/details/79231717

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

rem.js 如下：

  (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if(clientWidth>=750){
                    docEl.style.fontSize = '100px';
                }else{
                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                }
            };
			recalc();//很关键，解决js脚本加载顺序问题
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);