设置系统缩放比，适配各分辨率

index.js

// 设置系统缩放比，适配各分辨率
export function refreshScale() {
    /*let baseWidth = document.documentElement.clientWidth;
    let baseHeight = document.documentElement.clientHeight;
    let MaxHeight = 1080
    // console.log(baseWidth,baseHeight); // 1920 937 缩放比
    const mainStore=useMainStore()
    mainStore.zoomRatio = baseHeight / MaxHeight
    // console.log('mainStore.zoomRatio',mainStore.zoomRatio)*/

    let baseWidth = document.documentElement.clientWidth;
    let baseHeight = document.documentElement.clientHeight;
    let appStyle = document.getElementById('app').style;
    let realRatio = baseWidth / baseHeight
    let designRatio = 16 / 9
    let scaleRate = baseWidth / 1920
    // if(realRatio>designRatio){
    scaleRate = baseHeight / 1080
    // }
    appStyle.transformOrigin = 'left top';
    appStyle.transform = `scale(${scaleRate}) translateX(-50%)`;
    appStyle.width = `${baseWidth / scaleRate}px`
}

app.vue

import {refreshScale} from './utils/index.js'
onMounted(()=>{
  console.log('要缩放！@#￥%……&*（）——')
  refreshScale();
  window.onresize=function () {
    refreshScale()
  }
})