vue页面布局的自动缩放

页面不固定宽高

// js
const zoom = () => {
  let domBody = document.getElementsByTagName('body')[0]
  domBody.style.zoom = document.body.clientWidth / 19.2 + '%'
 }
  zoom()
  // 窗口大小变化时,需要重算
  window.addEventListener('resize', zoom, false)

定义在 App.vue中
vue页面布局的自动缩放_第1张图片

你可能感兴趣的:(Vue,javascript,webstorm,vue)