移動端rem布局

標籤：func   false   add   resize   size   頁面   html   fonts   log   

移動端布局

(function(doc, win) {    var docEl = doc.documentElement,//裝置寬度        rem = 100, //1rem代表100px        desW = 640, //設計稿寬度        resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,        recalc = function() {            var clientWidth = docEl.clientWidth;            if (!clientWidth) return;            if (clientWidth >= desW) {                docEl.style.fontSize = rem + "px";            } else {                docEl.style.fontSize = rem * (clientWidth / desW) + ‘px‘;            }        };    if (!doc.addEventListener) return;    win.addEventListener(resizeEvt, recalc, false);    doc.addEventListener(‘DOMContentLoaded‘, recalc, false);})(document, window);

 如果頁面的寬度超過了640px，那麼頁面中html的font-size恒為100px，否則，頁面中html的font-size的大小為： 100 * (當前頁面寬度 / 640) 

移動端rem布局