transform方法适配页面大小

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设计稿的宽高，根据实际情况设置