关于我们自适应

liuqimichale
1 parent 0d49f62a
Showing 10 changed files with 20 additions and 9 deletions
contact.html
css/contact.css
images/example-wrap-cf.png
images/example-wrap-dy.png
images/example-wrap-yz.png
images/ortfolio-soft-mobile.gif
images/ortfolio-soft-pc1.gif
images/ortfolio-soft-pc2.gif
portfolio.html
style.css
@@ -90,15 +90,15 @@
             <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
             <ul class="example-wrap" id="example-wrap">
                 <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
-                    <div>赤峰红山区</div>
+                    <div>丹阳</div>
                     <div>智慧停车项目</div>
                 </li>
-                <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
+                <li class="text-center col-md-6 col-xs-12 example-wrap-cf example-wrap-main">
                     <div>赤峰红山区</div>
                     <div>智慧停车项目</div>
                 </li>
-                <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
-                    <div>赤峰红山区</div>
+                <li class="text-center col-md-6 col-xs-12 example-wrap-yz example-wrap-main">
+                    <div>扬中</div>
                     <div>智慧停车项目</div>
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
@@ -42,6 +42,14 @@
     background: url("../images/example-wrap-dy.png") no-repeat center center;
     background-size: 90% 100%;
 }
+.example-wrap-cf{
+    background: url("../images/example-wrap-cf.png") no-repeat center center;
+    background-size: 90% 100%;
+}
+.example-wrap-yz{
+    background: url("../images/example-wrap-yz.png") no-repeat center center;
+    background-size: 90% 100%;
+}
 .example-wrap-empty{
     background: url("../images/example-wrap-empty.png") no-repeat center center;
     background-size: 90% 100%;
@@ -95,7 +95,7 @@
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-1">
                     <li class="text-center col-md-6">
-                        1
+
                     </li>
                     <li class="text-center col-md-6">
                         <div class="ortfolio-soft-bottom-title">
@@ -120,7 +120,7 @@
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-2">
                     <li class="text-center col-md-6">
-                        1
+
                     </li>
                     <li class="text-center col-md-6">
                         <div class="ortfolio-soft-bottom-title">
@@ -184,19 +184,22 @@ a:hover{
 	display: none;
 }
 .ortfolio-soft-bottom-1>li:nth-of-type(1){
-	background: #ffff00;
+	background: url("images/ortfolio-soft-mobile.gif") no-repeat center center;
+	background-size: 100% 80%;
 }
 .ortfolio-soft-bottom-1 li:nth-of-type(2){
 	padding-left: 100px;
 }
 .ortfolio-soft-bottom-2 li:nth-of-type(1){
-	background: #f00;
+	background: url("images/ortfolio-soft-pc1.gif") no-repeat center center;
+	background-size: 100% 70%;
 }
 .ortfolio-soft-bottom-2 li:nth-of-type(2){
 	padding-left:100px;
 }
 .ortfolio-soft-bottom-3 li:nth-of-type(1){
-	background: #f0f;
+	background: url("images/ortfolio-soft-pc2.gif") no-repeat center center;
+	background-size: 100% 70%;
 }
 .ortfolio-soft-bottom-3 li:nth-of-type(2){
 	padding-left:100px;