vue3+ts+vite页面自适应

安装依赖包

npm install vue3-scale-box

代码实现

<template>
    <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100">
        <router-view />
    </ScaleBox>
</template>
 
<script>
import ScaleBox from "vue3-scale-box";
</script>
 
<style lang="scss">
body {
    margin: 0;
    padding: 0;
    background: url("@/assets/bg.jpg");
}
</style>

ref

• blog.csdn.net/m0_58984409…
• yifan.blog.csdn.net/article/det… 安装依赖包 代码实现vue3+ts+vite页面自适应