测试

css/login.css

+@media screen and (max-width: 1441px) {
+  .neck-nav .neck-nav-content {
+    width: 1150px;
+  }
+  .neck-nav .neck-nav-ul {
+    margin-left: 190px;
+  }
+  .neck-nav .search-input {
+    left: 655px;
+  }
+  .neck-nav .search-icon {
+    position: absolute;
+    top: 23px;
+    left: 931px;
+  }
+  .neck-nav .down-tips {
+    left: 966px;
+  }
+}
 .layer-login {
   display: none;
   width: 470px;

css/login.less

+@media screen and (max-width: 1441px) {
+    .neck-nav{
+        .neck-nav-content{
+            width: 1150px;
+        }
+        .neck-nav-ul{
+            margin-left: 190px;
+        
+        }
+        .search-input{
+            left: 655px;
+        }
+        .search-icon{
+            position: absolute;
+            top: 23px;
+            left: 931px;
+        }
+        .down-tips{
+            left: 966px;
+        }
+    }
+ 
+}
 .layer-login{
     display: none;
     width: 470px;

css/neck.css

@@ -25,7 +25,21 @@ html * {
 }
 @media screen and (max-width: 1441px) {
   body .side-nav {
-    display: none !important;
+    width: 98px;
+  }
+  body .side-nav .side-tag-ul {
+    width: 89px;
+  }
+  body .side-nav .side-tag-ul li {
+    width: 80px;
+    overflow: hidden;
+  }
+  body .side-nav .tag-title {
+    width: 98px;
+    text-align: left;
+  }
+  body .side-nav .tag-title img {
+    width: 92px;
   }
   body .video-more-layer {
     top: 65px;
@@ -35,6 +49,9 @@ html * {
     width: 1150px;
     margin: 0 auto;
   }
+  body .live-box-ul {
+    width: 82px;
+  }
   body .box-title {
     width: 1150px;
     margin: 0 auto;

css/neck.less

@@ -29,8 +29,24 @@
  @media screen and (max-width: 1441px) {
   body{
     .side-nav{
-      display: none !important;
+      // display: none !important;
+      width: 98px;
+      .side-tag-ul{
+        width: 89px;
+        li{
+          width: 80px;
+          overflow: hidden;
+        }
+      }
+      .tag-title{
+        width: 98px;
+        text-align: left;
+        img{
+          width: 92px;
+        }
+      }
     }
+  
     .video-more-layer{
       top: 65px;
       left: 766px;
@@ -40,7 +56,7 @@
       margin: 0 auto;
     }
     .live-box-ul{
-  
+      width: 82px;
     }
     .box-title{
       width: 1150px;

index.html

@@ -650,7 +650,12 @@ $(function(){
                     return;
                 }
                 var html=[];
-                if(type==1) listNum=10
+                if(type==1){
+              
+                    if($("body").width().toString().split("p")[0]>1440) listNum=10
+                    else  listNum=8
+                   
+                } 
                 else  listNum=data.roomList.length
                 for(var i=0;i<listNum;i++){
                     if(data.roomList[i]==undefined)break;

room/css/room.css

@@ -3,6 +3,36 @@
   margin: 0 auto;
   position: relative;
 }
+@media screen and (max-width: 1441px) {
+  .live-m {
+    width: 1300px;
+  }
+  .live-m .mc-material-box {
+    width: 1300px;
+  }
+  .live-m .live-content-box {
+    transform: scale(0.9);
+    position: relative;
+    left: -70px;
+    top: -46px;
+  }
+  .live-m .mc-means-content {
+    transform: scale(0.9);
+    left: -70px;
+    top: -110px;
+  }
+  .live-m .more-live-box {
+    top: -140px;
+    width: 1300px;
+  }
+  .live-m .more-live-box .more-live-ul li {
+    width: 241px;
+    height: 241px;
+  }
+  .live-m .more-live-box .more-live-name {
+    width: 241px;
+  }
+}
 body::-webkit-scrollbar {
   display: none;
 }

room/css/room.less

@@ -3,6 +3,38 @@
     margin: 0 auto;
     position: relative;
 }
+@media screen and (max-width: 1441px) {
+    .live-m{
+        width: 1300px;
+        .mc-material-box{
+            width: 1300px;
+        }
+        .live-content-box {
+        
+            transform: scale(0.9);
+            position: relative;
+            left: -70px;
+            top: -46px;
+        }
+        .mc-means-content{
+            transform: scale(0.9);
+            left: -70px;
+            top: -110px;
+        }
+        .more-live-box{
+            top: -140px;
+            width: 1300px;
+            .more-live-ul li{
+                width: 241px;
+                height: 241px;
+            }
+            .more-live-name{
+                width: 241px;
+            }
+        }
+    }
+
+}
 body::-webkit-scrollbar{
  display:none;
 }