vue移动端开发h5初探

实现pc端与h5自适应表单，当pc端时，表单部分宽度为750px，有背景图，当移动端时，表单部分宽度与设备宽度一致，不显示背景图

在public中引入rem.js，并在index.html中引入rem.js

rem.js代码
!(function (n) {
  var e = n.document
  var t = e.documentElement
  var i = 750//切图给的的大小
  var d = i / 100//如果宽度设置为7.5rem,则宽度与设备宽度一样
  var o = 'orientationchange' in n ? 'orientationchange' : 'resize'
  var a = function () {
    var n = t.clientWidth || 375; n > 750 && (n = 750)//当宽度大于750时判定为pc端，让其宽度仍为750
    t.style.fontSize = n / d + 'px'
  }
  e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener('DOMContentLoaded', a, !1))
}(window))

px=rem*根元素的fontSize

例如：设计稿给的设备宽度为375px，则t.style.fontSize = 100*（n/375) + 'px',对于ui上某处字体14px，直接写成0.14rem即可