From 4245a5622be57f17a975d6c89cd6dedf5b933d99 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 24 Jul 2024 14:21:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hotforum/Index.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/views/hotforum/Index.vue b/src/views/hotforum/Index.vue
index 5902901a..f5982458 100644
--- a/src/views/hotforum/Index.vue
+++ b/src/views/hotforum/Index.vue
@@ -31,6 +31,7 @@
   justify-content: center;
   .center{
     max-width: 1270px;
+    max-height: 700px;
     margin-bottom: 5%;
     margin-top: 22%;
     display: flex;
@@ -51,7 +52,7 @@
   }
   /* 当窗口宽度大于3068px时的样式 */
 }
-@media (min-width: 3068px) {
+@media (min-width: 3000px) {
 .hot{
   width: 100%;
   // max-width: 1920px;
@@ -63,8 +64,9 @@
   justify-content: center;
   .center {
     max-width: 2560px;
+    max-height: 1300px;
     margin-bottom: 5%;
-    margin-top: 22%;
+    margin-top: 30vh;
     display: flex;
     flex-wrap: wrap;
 
@@ -85,7 +87,7 @@
   }
 }
 }
-@media (max-width: 1384px) {
+@media (min-height: 1500px) {
 .hot{
   width: 100%;
   // max-width: 1920px;
@@ -97,8 +99,9 @@
   justify-content: center;
   .center {
     max-width: 1068px;
+    max-height: 580px;
     margin-bottom: 5%;
-    margin-top: 22%;
+    margin-top: 30vh;
     display: flex;
     flex-wrap: wrap;
 
@@ -119,7 +122,7 @@
   }
 }
 }
-@media (min-width: 2000px) and (max-width: 3068px) {
+@media (min-width: 1928px) and (max-width: 3000px) {
 .hot{
   width: 100%;
   // max-width: 1920px;
@@ -131,8 +134,9 @@
   justify-content: center;
   .center {
     max-width: 1800px;
+    max-height: 1100px;
     margin-bottom: 5%;
-    margin-top: 22%;
+    margin-top: 30vh;
     display: flex;
     flex-wrap: wrap;