vue-H5 移动端适配方案 rem

vue-H5 移动端适配方案 rem

 (function (doc, win) {
        var docEl = doc.documentElement,
          resizeEvt =
            "onorientationchange" in window ? "onorientationchange" : "resize",
          recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if (clientWidth >= 750) {
              docEl.style.fontSize = "100px";
            } else {
              docEl.style.fontSize = 100 * (clientWidth / 750) + "px";
            }
            $("#wrapper").css({
              display: "block",
            });
          };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);

特殊说明vscode 中有pxtorem 插件 跟字体设置50px ，因为iphone678 的时候根字体大小为50px ，而且输入设计稿的px 会自动计算rem 的值 。
那么你想问这代码放哪里呢， 放在vue 项目中public 下 index.html 文件 页面底部写 script 标签丢进去 没有效果请私信我~~~~