移动端 rem 适配

插件： postcss-pxtorem

配置：

vue.config.js : 
postcss: [
    require('postcss-pxtorem')({
      rootValue: 20,
      unitPrecision: 5,
      // selectorBlackList:['.inline-calendar'],
      propWhiteList: [],
      replace: true,
      mediaQuery: false,
      minPixelValue: 0
    }),
    require('autoprefixer')
  ]

js适配：

(function (doc, win) {
        var docEl = doc.documentElement,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
          recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            var ua = navigator.userAgent
            if (!/(iPhone|iPad|iPod|iOS)/i.test(ua) && !/(Android)/i.test(ua) ) {
              docEl.style.fontSize = 15 + 'px';
            } else {
              docEl.style.fontSize = 20 * (clientWidth / 750) + 'px';
            }
          };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
      })(document, window)