fix：更新小屏被限制的问题

src/App.vue

@@ -105,16 +105,16 @@ input, textarea {
 
 #app {
   height: 100%;
-  max-width: 500px;
   position: relative;
+  max-width: 500px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
   // background: green;
-  @media screen and (max-width: 400px) {
-    max-width: 390px;
-    max-height: 844px;
-  }
+  // @media screen and (max-width: 400px) {
+  //   max-width: 390px;
+  //   max-height: 844px;
+  // }
 }
 
 // 字体

src/views/MoreContent.vue

@@ -1003,7 +1003,7 @@ onMounted(() => {
           display: flex;
           justify-content: center;
           align-items: center;
-          margin-top: calc(-10 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+          margin-top: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
           margin-left: calc(-60 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
           font-size: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
 
@@ -1018,10 +1018,9 @@ onMounted(() => {
           display: flex;
           justify-content: center;
           align-items: center;
-          margin-top: calc(-10 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+          margin-top: calc(-57 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
           margin-left: calc(40 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
           font-size: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-
         }
       }