fix: 修改页面宽度为100vw以适配移动端

JeacsonSnake · Aug 20, 2024 · 499b559 · 499b559
1 parent a4e48a6
commit 499b559
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -632,7 +632,7 @@ export default {
   font-family: "HarmonyOS_Sans_SC_Medium", Avenir, Helvetica, Arial, sans-serif;
   --heightRate: calc(100vh / #{$base-height});
   --widthRate: calc(100vw / #{$base-width});
-  width: inherit;
+  width: 100vw;
   height: 100vh;
   background-image: url("../../public/image/homepage_background_img.png");
   background-color: rgba(242, 242, 242, 0.5);
@@ -1814,7 +1814,7 @@ export default {
           font-size: calc(var(--heightRate) * 40);
         }
         @media (aspect-ratio < calc(460 / 1080)) {
-          font-size: calc(var(--heightRate) * 30);
+          font-size: 2rem;
         }
       }
     }