h5rem转换js的配置

h5需要兼容适配，一般都用rem进行转化

这里统一写了一个js，px和rem之间的转化，在src中创建文件

// 初始化rem
(function () {

  var addEvent = (function () {
    if (document.attachEvent) {
      return function (obj, ev, fn) {
        obj.attachEvent('on' + ev, fn)
      }
    } else {
      return function (obj, ev, fn) {
        obj.addEventListener(ev, fn, false)
      }
    }
  })()

  var oHtml = document.querySelector('html')
  // 计算方式   1rem = 20px
  var fontSize = 20
  var originalWidth = 750

  setFontSize()

  addEvent(window, 'resize', function () {
    setFontSize()
  })

  function setFontSize () {
    var size = size || 200
    var _fontSize = (getSize()['width'] * fontSize / originalWidth) > size ? size : (getSize()['width'] * fontSize / originalWidth)
    oHtml.style.fontSize = _fontSize + 'px'
  }

  function getSize () {
    return {
      width: document.documentElement.clientWidth || document.body.clientWidth,
      height: document.documentElement.clientHeight || document.body.clientHeight
    }
  }
})()

在main.js中去import './assets/js/rem.js'即可

可以看到，使用的转化为1rem = 20px；这就方便了在蓝湖中的转化