全屏样式

src/App.vue

@@ -1,9 +1,9 @@
 <template>
-  <v-scale-screen width="1920" height="1080">
-    <div id="app">
-      <router-view />
-    </div>
-  </v-scale-screen>
+  <!-- <v-scale-screen width="1920" height="1080"> -->
+  <div id="app">
+    <router-view />
+  </div>
+  <!-- </v-scale-screen> -->
 </template>
 
 <script>

src/style/_base.scss

@@ -20,8 +20,10 @@ body {
 
 .page {
   position: relative;
-  width: 1920px;
-  height: 1080px;
+  width: 100vw;
+  min-width: 1920px;
+  height: 100vh;
+  min-height: 1080px;
 
   .left_side {
     position: absolute;
@@ -100,8 +102,10 @@ body {
 
 
 .screen {
-  width: 1920px;
-  height: 1080px;
+  width: 100vw;
+  min-width: 1920px;
+  height: 100vh;
+  min-height: 1080px;
 }
 
 .relative {