写在单独的js里面 用于rem适应 

    1. // JavaScript Document
    2. (function px2rem(doc, win) {
    3.     var docEl = doc.documentElement,
    4.         resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    5.         recalc = function () {
    6.             var clientWidth = docEl.clientWidth;
    7.             if (!clientWidth) return;
    8.             docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
    9.             /*
    10.              * 100 -> html,body {  font-size:100px; }
    11.              * 750 -> 此处以 iPhone6 两倍设计稿 宽度750px 布局页面
    12.              * 根据具体情况改变这两个数值
    13.              */
    14.         };
    15.     if (!doc.addEventListener) return;
    16.     // 窗口大小发生变化，初始化
    17.     win.addEventListener(resizeEvt, recalc, false);
    18.     doc.addEventListener('DOMContentLoaded', recalc, false);
    19.     //防止在html未加载完毕时执行，保证获取正确的页宽
    20.     setTimeout(function(){
    21.         px2rem(doc, win);
    22.     }, 200);
    23. })(document, window);