ui(home): 优化首页样式

Hacker233 · Dec 10, 2024 · 9f7caa6 · 9f7caa6
1 parent 94caaff
commit 9f7caa6
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/views/index/components/ProjectIntroduceNew.vue b/src/views/index/components/ProjectIntroduceNew.vue
@@ -126,7 +126,7 @@
 <style lang="scss" scoped>
   .project-introduce-new-box {
     position: relative;
-    height: 100vh;
+    max-height: 1800px;
   }
   *,
   *:before,
@@ -136,12 +136,22 @@
 
   .scene {
     width: 100%;
-    height: 100vh;
+    max-height: 1800px;
     overflow: hidden;
     background: linear-gradient(#1d2b49, #1a45a0, #91cdff, #fff);
     background-size: 100% 300%;
   }
 
+  /* 当视口宽度大于等于600px时，改变宽度 */
+  @media (min-width: 600px) {
+    .scene {
+      height: 100vh;
+    }
+    .project-introduce-new-box {
+      height: 100vh;
+    }
+  }
+
   .building {
     position: absolute;
     right: 0;
@@ -708,10 +718,10 @@
     }
     .mac-png {
       height: 56%;
-      width: auto;
       position: absolute;
       bottom: 4.5vh;
-      max-width: 90%;
+      max-height: 800px;
+      min-width: 800px;
     }
 
     .scroll-more-box {