H5 移动端 rem 适配

(function () {
      var styleN = document.createElement("style");
      var width = document.documentElement.clientWidth / 75;
      styleN.innerHTML = 'html{font-size:' + width + 'px!important}';
      document.head.appendChild(styleN);
    })();

将页面分为 75 块，这样设计图宽度为750时，1rem=10px

head中增加

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