vivo-ui/demo/page-scale.js

vivo ui component lib for vue

(function () {
  var scale = 1
  var meta = document.querySelector('meta[name=viewport]')

  !meta && (meta = document.createElement('meta'))
  meta.setAttribute('name', 'viewport')
  meta.setAttribute('content', 'width=device-width,initial-scale=' + scale + ',maximum-scale=' + scale + ',minimum-scale=' + scale + ',user-scalable=no')
  document.head.appendChild(meta)

  //设置rem，当调整系统或者浏览器字体大小时，html元素的默认字体大小也会相应变化
  function setRem () {
    document.documentElement.style.fontSize = '100%'
    originalHtmlFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize)
    document.documentElement.style.fontSize = document.documentElement.clientWidth * 1000 / (108 * originalHtmlFontSize) + '%'
  }

  setRem()
  window.addEventListener('resize', setRem)
}())