chore: 调整针对1080高度的分辨率设置

2025-11-13 11:35:30 +08:00
parent a378479782
commit 20fe7c5202
2 changed files with 51 additions and 6 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -68,6 +68,21 @@
  /* 不设置固定宽度，让logo保持原始尺寸 */
 }

+/* 针对1920x1080分辨率的banner精确定位 */
+@media (width: 1920px) and (height: 1080px) {
+  .banner-left {
+    left: 120px !important;
+    top: 240px !important;
+    transform: translateY(0) !important;
+  }
+  
+  .banner-right {
+    right: 120px !important;
+    top: 200px !important;
+    transform: translateY(0) !important;
+  }
+}
+
 /* 移动设备响应式设计 */
@media (max-width: 768px) {
  /* 移动设备上隐藏左右标题语，避免遮挡主要内容 */