Skip to content

html / bdideal

Go to a project
Commit 4384298d by hank
Options

1080 适配

parent 0e38d7af
Showing with 58 additions and 8 deletions
html/about.html
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="col-xs-12 col-sm-12 col-md-4">
<div class="item item2"> <div class="item item2 hidden-sm hidden-xs">
<div class="title"> <div class="title">
数字化体系 数字化体系
</div> </div>
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="col-xs-12 col-sm-12 col-md-4">
<div class="item item3"> <div class="item item3 hidden-sm hidden-xs" >
<div class="title"> <div class="title">
视觉互动体验 视觉互动体验
</div> </div>
...@@ -150,10 +150,10 @@ ...@@ -150,10 +150,10 @@
<div class="item"> <div class="item">
<img src="../img/personal2.png" alt=""> <img src="../img/personal2.png" alt="">
</div> </div>
<div class="item"> <div class="item hidden-xs hidden-sm">
<img src="../img/personal3.png" alt=""> <img src="../img/personal3.png" alt="">
</div> </div>
<div class="item"> <div class="item hidden-sm hidden-md hidden-xs">
<img src="../img/personal4.png" alt=""> <img src="../img/personal4.png" alt="">
</div> </div>
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
<img src="../img/patners.png" alt=""> <img src="../img/patners.png" alt="">
</div> </div>
<div class="container map-container" > <div class="container map-container" >
<div id="map"></div> <div id="map" class="visible-lg visible-md"></div>
<div class="introduce"> <div class="introduce">
<div class="top"> <div class="top">
<div class="line1"></div> <div class="line1"></div>
......
style/about.css
...@@ -271,10 +271,14 @@ ul { ...@@ -271,10 +271,14 @@ ul {
padding-top: 100px; padding-top: 100px;
padding-bottom: 134px; padding-bottom: 134px;
} }
.patners img {
width: 100%;
}
.map-container { .map-container {
position: relative; position: relative;
height: 617px; height: 617px;
background: url('../img/bg8.png') no-repeat top center; background: url('../img/bg8.png') no-repeat top center;
background-size: 100% auto;
} }
.map-container #map { .map-container #map {
width: 591px; width: 591px;
......
style/about.less
...@@ -289,11 +289,15 @@ ul { ...@@ -289,11 +289,15 @@ ul {
.patners { .patners {
padding-top: 100px; padding-top: 100px;
padding-bottom: 134px; padding-bottom: 134px;
img {
width: 100%;
}
} }
.map-container { .map-container {
position: relative; position: relative;
height: 617px; height: 617px;
background: url('../img/bg8.png') no-repeat top center; background: url('../img/bg8.png') no-repeat top center;
background-size: 100% auto;
#map { #map {
width:591px; width:591px;
height:332px; height:332px;
......
style/index.css
...@@ -751,6 +751,14 @@ ul { ...@@ -751,6 +751,14 @@ ul {
width: 28%; width: 28%;
} }
} }
@media only screen and (max-width: 1200px) {
.solution .list {
width: 440px;
}
.industry-dynamics .list {
width: 409px;
}
}
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
.jobs .block .detail { .jobs .block .detail {
width: 40%; width: 40%;
......
style/index.less
...@@ -808,7 +808,13 @@ ul { ...@@ -808,7 +808,13 @@ ul {
@media only screen and (max-width: 1212px) { @media only screen and (max-width: 1212px) {
.jobs .block .detail{width: 28%;} .jobs .block .detail{width: 28%;}
} }
@media only screen and (max-width: 1023px) { @media only screen and (max-width: 1200px) {
.solution .list {
width: 440px;
}
.industry-dynamics .list {
width:409px;
}
} }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
......
style/products.css
...@@ -554,6 +554,14 @@ ul { ...@@ -554,6 +554,14 @@ ul {
width: 28%; width: 28%;
} }
} }
@media only screen and (max-width: 1200px) {
.solution .list {
width: 440px;
}
.industry-dynamics .list {
width: 409px;
}
}
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
.jobs .block .detail { .jobs .block .detail {
width: 40%; width: 40%;
......
style/products.less
...@@ -607,7 +607,13 @@ ul { ...@@ -607,7 +607,13 @@ ul {
@media only screen and (max-width: 1212px) { @media only screen and (max-width: 1212px) {
.jobs .block .detail{width: 28%;} .jobs .block .detail{width: 28%;}
} }
@media only screen and (max-width: 1023px) { @media only screen and (max-width: 1200px) {
.solution .list {
width: 440px;
}
.industry-dynamics .list {
width:409px;
}
} }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
......
style/solution.css
...@@ -848,6 +848,14 @@ ul { ...@@ -848,6 +848,14 @@ ul {
width: 28%; width: 28%;
} }
} }
@media only screen and (max-width: 1200px) {
.solution .list {
width: 440px;
}
.industry-dynamics .list {
width: 409px;
}
}
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
.jobs .block .detail { .jobs .block .detail {
width: 40%; width: 40%;
......
style/solution.less
...@@ -909,7 +909,13 @@ ul { ...@@ -909,7 +909,13 @@ ul {
@media only screen and (max-width: 1212px) { @media only screen and (max-width: 1212px) {
.jobs .block .detail{width: 28%;} .jobs .block .detail{width: 28%;}
} }
@media only screen and (max-width: 1023px) { @media only screen and (max-width: 1200px) {
.solution .list {
width: 440px;
}
.industry-dynamics .list {
width:409px;
}
} }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment