适用于按设计稿固定分辨率下的开发,不用考虑适配不同分辨率,后续如果需要优化,可以搭配媒体查询使用
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()