兼容优化

src/utils/evicePixelRatio.js

@@ -26,7 +26,7 @@ class DevicePixelRatio {
   _correct() {
     let t = this;
     //页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化。
-    document.getElementById('main').style.zoom = 1 / window.devicePixelRatio;
+    document.getElementById('main').style.zoom = 1.25 / window.devicePixelRatio;
   }
   //监听页面缩放
   _watch() {

src/views/complete.vue

@@ -106,7 +106,7 @@ export default {
   height: 100%;
 }
 .pc {
-  height: 100vh;
+  height: calc(var(--vh, 1vh) * 100);
   align-items: center;
   .main_content {
     width: 375px;

src/views/index.vue

@@ -685,7 +685,7 @@ export default {
   height: 100%;
 }
 .pc {
-  height: 100vh;
+  height: calc(var(--vh, 1vh) * 100);
   align-items: center;
   .main_content {
     width: 375px;
@@ -874,8 +874,8 @@ export default {
       position: fixed;
       left: 0;
       top: 0;
-      width: 100vw;
-      height: calc(var(--vh, 1vh) * 100);
+      width: 100%;
+      height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;