页面自适应

1.自定义组件 

//根据分辨率缩放
// bodyScale();

function bodyScale() {
  console.log(window.screen.width)
  let devicewidth = document.documentElement.clientWidth; //获取当前分辨率下的可是区域宽度
  let scale = devicewidth / 1920; // 分母——设计稿的尺寸
  document.body.style.zoom = scale; //放大缩小相应倍数
}

export {
  bodyScale
}
// 浏览器显示比例改变
// window.addEventListener('resize', bodyScale, true);

2.在页面导入插件并在|create中监听事件

  created() {
      //页面自适应
      bodyScale()
      window.addEventListener('resize', bodyScale, true)
}