样式调整

src/assets/scss/media.scss

@@ -51,7 +51,7 @@
 //   only screen and (                min-resolution: 2.0dppx) { 
 //     /* Retina styles here */
 // }
-@media only screen and (min-height : 800px) and (max-width : 1280px) {
+@media only screen and (max-height:900px) {
     //小班滚动
     .right-wrap{
         .scroll-board-wrap{
@@ -97,4 +97,54 @@
         margin-bottom: 15px;
     }
    
+}
+
+@media only screen and (min-height : 768px) and (max-width : 1024px) {
+    .left-wrap{
+        left: calc(1vw + 1em + 48px + 10px);
+    }
+    .right-wrap{
+        .scroll-board-wrap{
+            width: 320px;
+            // padding: 0;
+            // .scroll-board-01{
+            //     padding: 0;
+            // }
+            .scroll-board-tool{
+                .inner{
+                    left: 0;
+                    right: 0;
+                }
+            }
+        }
+    }
+    //导航
+    .nav-wrap {
+        .nav-item {
+            line-height: 1.2;
+            font-size: 16px;
+            &:not(:first-of-type) {
+                margin-top: 1vh;
+            }
+            padding: 1.2vh 24px;
+        }
+    }
+    //小班搜索
+    .xiaoban{
+        width: 320px;
+         .el-input .el-input__inner{
+            font-size: 16px;
+        }
+        .title{
+            font-size: 16px;
+        }
+    }
+
+    .ntitle{
+        margin-bottom: 15px;
+    }
+    .addr{
+        margin-bottom: 15px;
+    }
+   
 }

src/components/header.vue

@@ -3,7 +3,7 @@
  * @Author: wangcc
  * @Date: 2022-06-14 18:11:54
  * @LastEditors: gcz
- * @LastEditTime: 2022-06-30 09:02:02
+ * @LastEditTime: 2022-06-30 09:24:07
  * @FilePath: \castgroup_bigscreen\src\components\header.vue
  * @Copyright: Copyright (c) 2016~2022 by wangcc, All Rights Reserved. 
 -->
@@ -162,7 +162,7 @@ import timeFormat from '@/utils/timeFormat'
         }
     }
 }
-@media only screen and (min-height : 800px) and (max-width : 1280px) {
+@media only screen and (max-height:900px) {
     .top-box{
         h2{
            letter-spacing: 1px;

src/components/numerical.vue

@@ -94,7 +94,7 @@
         }
     }
 }
-@media only screen and (min-height : 800px) and (max-width : 1280px) {
+@media only screen and (max-height:900px) {
     .numerical{
 
         .item-wrap{
@@ -113,5 +113,28 @@
         }
     }
 
+}
+@media only screen and (min-height : 768px) and (max-width : 1024px) {
+
+    .numerical{
+
+        .item-wrap{
+            .numerical-item{
+                padding: 0 0 15px 5px;
+                .name{
+                    font-size: 14px;
+                }
+                .number{
+                    font-size: 14px;
+                    margin-right: auto;
+                }
+                .unit{
+                    font-size: 14px;
+                }
+            }
+        }
+    }
+
+
 }
 </style>