function setCss() {
let App = document.getElementById("app"); // 获取到app节点 最外层的盒子
let maxWidth = document.body.clientWidth / 1920; // 浏览器可见宽度
// let maxHeight = document.body.clientHeight / 1080; // 浏览器可见高度
// App.style.transform = `scale(${maxWidth},${maxHeight})`;
App.style.transform = `scale(${maxWidth})`; // 设置缩小比例
App.style.transformOrigin = "left top"; // 始终保持在左上
App.style.backgroundSize = "100% 100%";
}
setCss() // 进入页面第一次调用
window.onresize = function () { // 根据浏览器页面可视范围变化而变化
setCss()
}
// 如果页面适配宽度变化比较小的可以用到这种方法,就相当于一张图片,你把他放大变小一样
// 如果需要考虑高度的变化也可以用这个,但是变化范围都不要太大
// 1920跟1080都是UI设计稿的宽高,根据实际情况设置