js 移动端适配 (动态rem)

(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);  

你可能感兴趣的:(Js)