js 移动端适配（动态rem）

最新推荐文章于 2024-04-29 11:17:53 发布

约德尔蒙

最新推荐文章于 2024-04-29 11:17:53 发布

阅读量672

点赞数

分类专栏： Js

本文链接：https://blog.csdn.net/gyq04551/article/details/77467316

版权

Js 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

(function (doc, win) {  
        var docEl = doc.documentElement,  
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',  
            recalc = function () {  
                var clientWidth = docEl.clientWidth;  
                if (!clientWidth) return;  
                if(clientWidth>=1024){  // 兼容的设备宽度最大尺寸 
                	//iphone6   1rem  = 20px;
                    docEl.style.fontSize = '54.61px';  
                    // console.log("1rem===="+docEl.style.fontSize);
                }else{  
                    docEl.style.fontSize = 54.61* (clientWidth / 1024) + 'px';  
                  	//console.log("1rem====="+docEl.style.fontSize);  
                }  
            };  
        if (!doc.addEventListener) return;  
        win.addEventListener(resizeEvt, recalc, false);  
        doc.addEventListener('DOMContentLoaded', recalc, false);  
    })(document, window);