测试

room/css/room.css

@@ -34,10 +34,30 @@
   }
 }
 @media screen and (min-width: 2400px) {
-  body {
+  body .big-room-box {
     transform: scale(1.3);
     position: relative;
-    top: 15%;
+    top: 24%;
+  }
+  body .more-live-box {
+    width: 1868px;
+    top: 427px;
+  }
+  body .more-live-ul li {
+    width: 292px;
+    height: 292px;
+  }
+  body .more-live-ul li .more-live-name {
+    width: 292px;
+  }
+  body .more-live-ul li .more-live-li-shadow {
+    width: 292px;
+  }
+  body .more-live-ul a:nth-child(5n) li {
+    margin-right: 23px;
+  }
+  body .more-live-ul a:nth-child(6n) li {
+    margin-right: 0px;
   }
 }
 body::-webkit-scrollbar {
@@ -1058,6 +1078,7 @@ input::-webkit-input-placeholder {
   width: 1440px;
   margin: 0 auto;
   position: relative;
+  top: 50px;
 }
 .more-live-title {
   font-size: 20px;

room/css/room.less

@@ -36,10 +36,33 @@
 }
 @media screen and (min-width: 2400px) {
     body{
-        transform: scale(1.3);
-        position: relative;
-        top: 15%;
+        .big-room-box{
+            transform: scale(1.3);
+            position: relative;
+            top: 24%;
+        }
+        .more-live-box{
+            width: 1868px;
+            top: 427px;
+        }
+        .more-live-ul li{
+            width: 292px;
+            height: 292px;
+            .more-live-name{
+                width: 292px;
+            }
+            .more-live-li-shadow{
+                width: 292px;
+            }
+        }
+        .more-live-ul a:nth-child(5n) li {
+            margin-right: 23px;
+        }
+        .more-live-ul a:nth-child(6n) li {
+            margin-right: 0px;
+        }
     }
+
  
 }
 body::-webkit-scrollbar{
@@ -1093,6 +1116,7 @@ input::-webkit-input-placeholder{
     width: 1440px;
     margin: 0 auto;
     position: relative;
+    top: 50px;
 }
 .more-live-title{
     font-size: 20px;