测试

css/neck.css

@@ -102,6 +102,50 @@ html * {
     width: 362px;
     width: 362px;
   }
   }
 }
 }
+@media screen and (min-width: 2400px) {
+  body .m-box {
+    width: 2030px;
+    margin: 0 auto;
+  }
+  body .live-box-ul {
+    width: 2030px;
+    margin: 0 auto;
+  }
+  body .live-box-ul li:nth-child(5n) {
+    margin-right: 25px;
+  }
+  body .live-box-ul li:nth-child(7n) {
+    margin-right: 0;
+  }
+  body .video-list-box {
+    width: 2030px;
+  }
+  body .video-box-ul {
+    width: 2030px;
+  }
+  body .video-box-ul li {
+    margin-right: 30px;
+    width: 382px;
+    height: 296px;
+  }
+  body .video-box-ul li .video-top-box {
+    height: 234px;
+    width: 385px;
+  }
+  body .video-box-ul > a:nth-child(4n) li {
+    margin-right: 30px;
+  }
+  body .video-box-ul > a:nth-child(5n) li {
+    margin-right: 0px;
+  }
+  body .video-box-ul .live-cursor-shadow {
+    height: 234px;
+    width: 382px;
+  }
+  body .video-box-ul .video-top-shadow {
+    width: 382px;
+  }
+}
 .m-box {
 .m-box {
   width: 1440px;
   width: 1440px;
   margin: 0 auto;
   margin: 0 auto;

css/neck.less

@@ -85,7 +85,6 @@
           height: 211px;
           height: 211px;
           width: 362px;
           width: 362px;
         }
         }
-
       }
       }
       >a:nth-child(4n){
       >a:nth-child(4n){
         li{
         li{
@@ -105,7 +104,56 @@
         width: 362px;
         width: 362px;
       }
       }
     }
     }
-
+  }
+}
+@media screen and (min-width: 2400px){
+  body{
+    .m-box{
+      width: 2030px;
+      margin: 0 auto;
+    }
+    .live-box-ul{
+      width: 2030px;
+      margin: 0 auto;
+      li:nth-child(5n) {
+        margin-right: 25px;
+      }
+      li:nth-child(7n) {
+        margin-right: 0;
+      }
+    }
+    .video-list-box{
+      width: 2030px;
+    }
+    .video-box-ul{
+      width: 2030px;
+      li{
+        margin-right: 30px;
+        width: 382px;
+        height: 296px;
+        .video-top-box{
+          height: 234px;
+          width: 385px;
+        }
+      }
+      >a:nth-child(4n){
+        li{
+          margin-right: 30px;
+        }
+      }
+      >a:nth-child(5n){
+        li{
+          margin-right: 0px;
+        }
+      }
+      .live-cursor-shadow{
+        height: 234px;
+        width: 382px;
+      }
+      .video-top-shadow{
+        width: 382px;
+      }
+    }
   }
   }
 
 
 }
 }

index.html

@@ -38,7 +38,7 @@
     <meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
     <meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
     <link rel="stylesheet" href="css/base.css?v=20220630">
     <link rel="stylesheet" href="css/base.css?v=20220630">
     <link rel="stylesheet" href="css/layer.css">
     <link rel="stylesheet" href="css/layer.css">
-    <link rel="stylesheet" href="css/neck.css?v=20220704">
+    <link rel="stylesheet" href="css/neck.css?v=2022070402">
     <link rel="stylesheet" href="css/login.css?v=20220704">
     <link rel="stylesheet" href="css/login.css?v=20220704">
     <script src="https://accounts.google.com/gsi/client" async defer></script>
     <script src="https://accounts.google.com/gsi/client" async defer></script>
     <script src="https://www.footseen.xyz/lib/hello.js"></script>
     <script src="https://www.footseen.xyz/lib/hello.js"></script>
@@ -652,7 +652,8 @@ $(function(){
                 var html=[];
                 var html=[];
                 if(type==1){
                 if(type==1){
               
               
-                    if($("body").width().toString().split("p")[0]>1440) listNum=10
+                    if($("body").width().toString().split("p")[0]>1440&&$("body").width().toString().split("p")[0]<2400) listNum=10
+                    else if($("body").width().toString().split("p")[0]>2400)listNum=14
                     else  listNum=8
                     else  listNum=8
                    
                    
                 } 
                 }