减小主页logo在移动端屏幕的大小

KoriIku · Oct 9, 2024 · 4706416 · 4706416
1 parent a372c6d
commit 4706416
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/Home.vue b/src/components/Home.vue
@@ -57,6 +57,17 @@ export default {
   justify-content: center;
 }
 
+/* 针对小屏幕的样式 */
+@media (max-width: 600px) {
+  .logo {
+    font-size: 35px;
+    top: 37vh; /* 从 30vh 增加到 35vh */
+  }
+  .search-container {
+    top: calc(37vh + 80px);
+  }
+}
+
 .about {
   position: absolute;
   top: 20px;