前端页面分辨率自适应

适用于按设计稿固定分辨率下的开发，不用考虑适配不同分辨率，后续如果需要优化，可以搭配媒体查询使用

function bodyZoom() {
   const windowWidth = window.screen.availWidth // 获取当前电脑分辨率下的可视区域宽度
   const visibleWidth = document.documentElement.clientWidth // 获取当前浏览器下的可视区域宽度
   let newZoom = visibleWidth
   if (visibleWidth > 1500) {
       newZoom = windowWidth / 1920 // 分母——设计稿的尺寸
   } else {
       newZoom = 1
   }
   document.body.style.zoom = newZoom // 控制html的body百分比宽度
}


bodyZoom()