vue 移动端适配 .js

    (function (ele, win) {
      var varEl = ele.documentElement,
              // orientationchange 事件 用来监听手机屏幕的反转
              resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
              recalc = function () {
                var clientWidth = varEl.clientWidth;//(window.innerWidth);UC 或者QQ 安卓4.0 以下原生浏览器下面是没有
                if (!clientWidth) return;

                varEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
              };

      if (!varEl.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      //DOMContentLoaded dom 加载完成，onload 有什么区别 dom css js OK 才执行的
      varEl.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

为了方便计算，假设html的font-size设置为100px，设计稿是750dp

那么视窗宽度rem = 375px / 100px = 3.75rem,

我们在使用的时候        0.1rem 就等于 10px