移动端使用rem编写适配

在app.vue里面添加代码:

mounted() {
    const devWidth = document.documentElement.clientWidth
    const size = ((devWidth > 640 ? 640 : devWidth) / 7.5) + 'px'
    document.documentElement.style.fontSize = size
    window.addEventListener('orientationchange', function () {
      document.documentElement.style.fontSize = size
    })
    window.addEventListener('resize', function () {
      document.documentElement.style.fontSize = size
    })
  }

以宽为750px的设计稿为主

你可能感兴趣的:(移动端使用rem编写适配)