h5移动端rem适配

最新推荐文章于 2023-10-30 17:09:34 发布

QSWQSWQSWQSWQSW

最新推荐文章于 2023-10-30 17:09:34 发布

阅读量180

点赞数

分类专栏： js html 文章标签： html js

本文链接：https://blog.csdn.net/qq_43209114/article/details/124035269

版权

响应式设计网页布局字体适配设备兼容 JavaScript

关键词由CSDN通过智能技术生成

js 同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

html

41 篇文章 1 订阅

订阅专栏

(function(win) {
    var tid;
    function refreshRem() {
        let designSize = 750; // 设计图尺寸
        let html = document.documentElement;
        let wW = html.clientWidth;// 窗口宽度
        let rem = wW * 100 / designSize;
        document.documentElement.style.fontSize = rem + 'px';
    }

    win.addEventListener('resize', function() {
        clearTimeout(tid);
        tid = setTimeout(refreshRem);
    }, false);
    win.addEventListener('pageshow', function(e) {
        if (e.persisted) {
            clearTimeout(tid);
            tid = setTimeout(refreshRem);
        }
    }, false);

    refreshRem();

})(window);