一、vue3适配大屏的，创建一个叫useDraw.jsexportdefaultfunction(){constscale={width:'1',height:'1',}constbaseWidth=1920constbaseHeight=1080constbaseProportion=parseFloat((baseWidth/baseHeight).toFixed(5

#appRef{width:1920px;/*设计图宽*/height:1080px;/*设计图高*/position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:lefttop;overflow:hidden;}//*默认缩放值constscale

大屏项目通常只需要全屏显示，本文的方法是一种简便的实现方式，具体实现思路就是获取屏幕的尺寸，使用transform属性保持页面的适配，这样不管页面的缩放比例是什么样，页面的比例始

1、不管使用的是px，还是百分比，均可通过css3中提供的scale方法，来达到适配多端。//屏幕适配mixin函数//*默认缩放值constscale={width:'1',height:'1',

大屏适配方案之一，根据设计稿尺寸，固定容器尺寸，内容完全按设计稿大小开发，可保持比例居中显示。//windowScale.jsexportfunctionuseIndex(appRef,fill){//*appRef