首页自适应

liuqimichale
1 parent 84adc13d
Showing 3 changed files with 21 additions and 18 deletions
index.html
js/nav-footer.js
style.css
@@ -169,11 +169,11 @@
             <div class="col-md-5 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.9s">
                 <div class="software-container-wrap">
                     <ul class="features-container">
-                        <li>任你停，车场导航，随停即走，无感支付
+                        <li><span></span>任你停，车场导航，随停即走，无感支付
                         </li>
-                        <li>云端服务、精细化运营，业务规则灵活配置
+                        <li><span></span>云端服务、精细化运营，业务规则灵活配置
                         </li>
-                        <li>大数据资产管理、商业运营分析、资产经营决策建议</li>
+                        <li><span></span>大数据资产管理、商业运营分析、资产经营决策建议</li>
  
                     </ul>
                     <div class="features-download">
@@ -219,6 +219,6 @@
 <script type="text/javascript" src="js/swiper.js"></script>
 <script type="text/javascript" src="js/gmaps.min.js"></script>
 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
-<script type="text/javascript" src="js/main.js?a=3"></script>
+<script type="text/javascript" src="js/main.js?a=1"></script>
 </body>
 </html>
@@ -7,7 +7,7 @@ var headerHtmls=&#39;&lt;div class=&quot;header-inner&quot;&gt;&#39; +
   '<div class="logo">' +
   '<a href="index.html">' +
   '<img src="images/logo.png" alt="logo.png" style="margin-right: 16px;">' +
-  '<img src="images/logoname.png" alt="logoname.png" style="margin-right: 26px;">' +
+  '<img src="images/logoname.png" alt="logoname.png" class="logoname" style="margin-right: 26px;">' +
   '<img src="images/logotitle.png" alt="logotitle.png" class="logotitle">' +
   '</a>' +
   '</div>' +
@@ -32,7 +32,7 @@ var headerHtmls=&#39;&lt;div class=&quot;header-inner&quot;&gt;&#39; +
 //footer HTML
 var footHtmls='<div class="container">' +
   '        <div class="row">' +
-  '            <div class="col-md-3 col-xs-3">' +
+  '            <div class="col-md-3 col-xs-6">' +
   '                <div class="footer">' +
   '                    <div class="footer-title">公司介绍</div>' +
   '                    <ul class="footer-links">' +
@@ -43,7 +43,7 @@ var footHtmls=&#39;&lt;div class=&quot;container&quot;&gt;&#39; +
   '                    </ul>' +
   '                </div>' +
   '            </div>' +
-  '            <div class="col-md-3 col-xs-3">' +
+  '            <div class="col-md-3 col-xs-6">' +
   '                <div class="footer">' +
   '                    <div class="footer-title">产品介绍</div>' +
   '                    <ul class="footer-links">' +
@@ -53,7 +53,7 @@ var footHtmls=&#39;&lt;div class=&quot;container&quot;&gt;&#39; +
   '                    </ul>' +
   '                </div>' +
   '            </div>' +
-  '            <div class="col-md-3 col-xs-3">' +
+  '            <div class="col-md-3 col-xs-6">' +
   '                <div class="footer">' +
   '                    <div class="footer-title">联系我们</div>' +
   '                    <ul class="footer-links">' +
@@ -63,7 +63,7 @@ var footHtmls=&#39;&lt;div class=&quot;container&quot;&gt;&#39; +
   '                    </ul>' +
   '                </div>' +
   '            </div>' +
-  '            <div class="col-md-3 col-xs-3">' +
+  '            <div class="col-md-3 col-xs-6">' +
   '                <div class="footer">' +
   '                    <div class="footer-media">官方媒体</div>' +
   '                    <ul class="footer-links">' +
@@ -784,7 +784,6 @@ a:hover{
 	padding-left: 20px;
 	margin-bottom: 10px;
 	font-size: 16px;
-	text-align: center;
 }
 .features-container li span{
 	position: relative;
@@ -2433,7 +2432,7 @@ a:hover{
 	Footer CSS
 =====================*/
 .footer_cont{
-    height:352px;
+    /*height:352px;*/
     width: 100%;
     margin: 0 auto;
     background:rgba(46,48,51,1);
@@ -2564,7 +2563,7 @@ a:hover{
 /*适应规则*/
 @media screen and (max-width: 992px){
 	/*logotitle消失*/
-	.logotitle{
+	.logotitle,.logoname{
 		display: none;
 	}
 	.swiper-slide-large,.swiper-slide-middle{
@@ -2573,12 +2572,16 @@ a:hover{
 	.swiper-slide-more{
 		margin: 0 auto;
 	}
-	#features .feature-left img{
-		width: 80%;
-		margin: 0 auto;
-	}
-	.features-container li{
-		text-align: center;
+	/*#features .feature-left img{*/
+		/*width: 80%;*/
+		/*margin: 0 auto;*/
+	/*}*/
+	/*.features-container li{*/
+		/*text-align: center;*/
+	/*}*/
+	.swiper-slide-main{
+		width: 100%;
+		padding: 0 20px;
 	}
 }