在公司官網的制作中 移動端的頁面制作是一件很麻煩的事   通過下面的代碼可以很容易的自適應不同分辨率的手機屏幕

(function (doc, win) {    var docEl = doc.documentElement,        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',        recalc = function () {            /* var clientHeight = docEl.clientHeight;             if (!clientHeight) return;             var BaseFontSize = 100* (clientHeight/568);             docEl.style.fontSize = BaseFontSize + 'px';*/            var clientWidth = docEl.clientWidth;            if (!clientWidth) return;            var BaseFontSize = 100 * (clientWidth / 320);            docEl.style.fontSize = BaseFontSize + 'px';        };    if (!doc.addEventListener) return;    win.addEventListener(resizeEvt, recalc, false);    doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window);導入這段代碼后   我們需要用rem代替px   進行CSS布局就好