首页自适应

liuqimichale
1 parent 6b4e9c6b
Showing 3 changed files with 34 additions and 7 deletions
index.html
js/nav-footer.js
style.css
@@ -129,10 +129,10 @@
             <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
                 <div class="features-container-text">
                     <ul class="features-container">
-                        <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
-                        <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
-                        <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
-                        <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
+                        <li><span></span>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
+                        <li><span></span>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
+                        <li><span></span>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
+                        <li><span></span>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
                     </ul>
                 </div>
  
@@ -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=2"></script>
+<script type="text/javascript" src="js/main.js?a=3"></script>
 </body>
 </html>
@@ -8,7 +8,7 @@ var headerHtmls=&#39;&lt;div class=&quot;header-inner&quot;&gt;&#39; +
   '<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/logotitle.png" alt="logotitle.png">' +
+  '<img src="images/logotitle.png" alt="logotitle.png" class="logotitle">' +
   '</a>' +
   '</div>' +
   '</div>' +
@@ -784,9 +784,16 @@ a:hover{
 	padding-left: 20px;
 	margin-bottom: 10px;
 	font-size: 16px;
+	text-align: center;
+}
+.features-container li span{
 	position: relative;
+	width: 10px;
+	height: 10px;
+	display: inline-block;
 }
-.features-container li:before{
+
+.features-container li span:before{
 	 content: '';
 	 width:6px;
 	 height:6px;
@@ -2552,3 +2559,23 @@ a:hover{
 	left: 0px;
 }
  
+
+
+/*适应规则*/
+@media screen and (max-width: 992px){
+	/*logotitle消失*/
+	.logotitle{
+		display: none;
+	}
+	.swiper-slide-large,.swiper-slide-middle{
+		text-align: center;
+	}
+	.swiper-slide-more{
+		margin: 0 auto;
+	}
+	#features .feature-left img{
+		width: 80%;
+		margin: 0 auto;
+	}
+}
+