手机网页自适应的一种方法，原理就是通过计算当前屏幕和设计分辨率的比例来设置HTML根元素的fontSize，然后使用相对单位rem来设置尺寸。

建议将fontSize设置为100px，这样的话设计稿10px就是0.1rem，也可以设置为50px，这样10px就是0.2rem，这样有利于设置尺寸。

头部声明：

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

关键代码：

<script>
  // 设计尺寸
  var designWidth = 750;
  (function (doc, win) {
    var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
      var clientWidth = docEl.clientWidth;
      if (!clientWidth) return;
      if (clientWidth >= designWidth ) {
        docEl.style.fontSize = '100px';
      } else {
        docEl.style.fontSize = 100 * (clientWidth / designWidth ) +  'px';
      }
    };

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