Browse Source

7601,首页列表页自适应

zhouna 4 years ago
parent
commit
0e9707f392
3 changed files with 14 additions and 12 deletions
  1. 8 6
      src/css/homeStatic.less
  2. 4 4
      src/css/searchStaticList.less
  3. 2 2
      src/html/homeStatic.html

+ 8 - 6
src/css/homeStatic.less

@@ -2,7 +2,8 @@
 
 .staticWrap {
   .staticTopCenter {
-    width: 800px;
+    width: 58.6%;
+    max-width: 800px;
     margin: 0 auto;
     text-align: center;
     padding-top: 130px;
@@ -14,7 +15,8 @@
   .staticTopLogo {
     margin-bottom: 40px;
     img {
-      width: 500px;
+      width: 62.4%;
+      max-width: 800px;
     }
   }
   .staticTopTab {
@@ -26,7 +28,7 @@
       display: inline-block;
       font-size: 16px;
       color: #fff;
-      margin: 0 20px;
+      margin: 0 1.3vw;
       cursor: pointer;
       padding-bottom: 2px;
       border-bottom: 2px solid #2A9BD5;
@@ -36,7 +38,7 @@
     }
   }
   .staticTopSearch {
-    width: 800px;
+    width: 100%;
     height: 60px;
     line-height: 60px;
     background-color: #fff;
@@ -76,11 +78,11 @@
     text-align: center;
     margin:80px 0 50px 0;
     color: #333;
-    font-size: 30px;
+    font-size: 2.7vw;
     font-weight: bold;
   }
   .staticBg {
-    width: 800px;
+    width: 62.4%;
     margin: 0 auto;
     img {
       width: 100%;

+ 4 - 4
src/css/searchStaticList.less

@@ -4,11 +4,11 @@
   position: absolute;
   width: 100%;
   height: 100%;
-  min-width: 900px;
+  /*min-width: 900px;*/
   padding: 60px 20px 20px;
   box-sizing: border-box;
   background-color: #DDE2E4;
-  overflow: auto;
+  /*overflow: auto;*/
   .staticMainWrap {
     background-color: #fff;
     padding: 0 60px 20px 60px;
@@ -48,7 +48,7 @@
       display: inline-block;
       font-size: 16px;
       color: #333;
-      margin: 0 20px;
+      margin: 0 1.5vw;
       cursor: pointer;
       padding-bottom: 2px;
     }
@@ -57,7 +57,7 @@
     }
   }
   .staticTopSearch {
-    width: 800px;
+    width: 73.3%;
     height: 50px;
     line-height: 50px;
     background-color: #fff;

File diff suppressed because it is too large
+ 2 - 2
src/html/homeStatic.html