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中增加

 

你可能感兴趣的:(Web前端)