使用rem适配移动端布局

  <script>
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              // 15是css中设置的字体的大小, 900是设计稿的大小    
              docEl.style.fontSize = 15 * (clientWidth / 900) + 'px';   
              console.log(clientWidth);             
            };

          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
     </script>