tangyi
/
airport
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

手机兼容调整

master
milo 2021-10-27 11:38:51 +08:00
parent f0f408b24a
commit 27855eedeb
3 changed files with 88 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
CN/css/media.css
View File

@ -1,37 +1,4 @@
.index-fly{
width: 100%;
position: absolute;
z-index: 3;
left: 0%;
top:0;
width: 100%;
height: 100%;
}
.index-fly::after{
background: url(../image/fly.png) no-repeat top right ;
height: 100%;
width: 100%;
content: "";
left: 0;
top: 0;
transform: translate(-100%,-100%);
position:absolute;
animation: topMove 9s linear 1s infinite normal;
}
@keyframes topMove {
0% {
transform: translate(-100%,100%);
-ms-transform: translate(-100%,100%);
-moz-transform: translate(-100%,100%);
-webkit-transform: translate(-100%,100%);
}
100% {
transform: translate(100%,-110%);
-ms-transform: translate(100%,-110%);
-webkit-transform: translate(100%,-110%);
-moz-transform: translate(100%,-110%);
}
}
/* 小于等于多少高度的样式 */
@media screen and (max-height:880px){
}
@ -46,36 +13,15 @@
}
@media screen and (max-width:1200px){
.index-tianfu .center-block ul li a img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1024px){
.index-tianfu .center-block ul li a{
height: 250px;
}
.head_box .pull-right .top-box .link-box .between-center{
margin-right: 10px;
}
.index-fly::after{
background-size: 100% auto;
}
}
@media screen and (min-width: 1024px) {
}
@media screen and (max-width:768px){
.index-tianfu .center-block ul li a{
height: 150px;
}
.index-fly::after{
background-size: 100% auto;
}
}
@media screen and (max-width:480px){
}

89
CN/css/style.css
View File

@ -1784,7 +1784,42 @@ input, textarea, select {
.ppopup-center .ppopup-footer .ppopup-on:hover{
background: #9b6c3a;
}
/*兼容*/
.index-fly{
width: 100%;
position: absolute;
z-index: 3;
left: 0%;
top:0;
width: 100%;
height: 100%;
}
.index-fly::after{
background: url(../image/fly.png) no-repeat top right ;
height: 100%;
width: 100%;
content: "";
left: 0;
top: 0;
transform: translate(-100%,-100%);
position:absolute;
animation: topMove 9s linear 1s infinite normal;
}
@keyframes topMove {
0% {
transform: translate(-100%,100%);
-ms-transform: translate(-100%,100%);
-moz-transform: translate(-100%,100%);
-webkit-transform: translate(-100%,100%);
}
100% {
transform: translate(100%,-110%);
-ms-transform: translate(100%,-110%);
-webkit-transform: translate(100%,-110%);
-moz-transform: translate(100%,-110%);
}
}
/*兼容*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */
.center-banner .text h2{ background: none; color: rgba(255,255,255,0.3);}
@ -1813,6 +1848,13 @@ input, textarea, select {
}
@media screen and (max-width:1200px){
.w-1200{ width: 94%;}
/*兼容*/
.index-tianfu .center-block ul li a img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
@media screen and (max-width:1100px){
@ -2006,7 +2048,21 @@ input, textarea, select {
/* --------zjj------------ */
.phone-none {display: none;}
/*兼容*/
.index-tianfu .center-block ul li a{
height: 250px;
}
.head_box .pull-right .top-box .link-box .between-center{
margin-right: 10px;
}
.index-fly::after{
background-size: 100% auto;
}
.mune .list i{
background-size: auto 100% !important;
background-position: center !important;
}
}
@media screen and (min-width: 1024px) {
@ -2030,6 +2086,35 @@ input, textarea, select {
}
}
@media screen and (max-width:768px){
/*兼容*/
.index-tianfu .center-block ul li a{
height: 150px;
}
.index-fly::after{
background-size: 100% auto;
}
/*航线*/
.box-content .call-me{
padding-left: 0px !important;
display: inline-block;
width: 100%;
}
.box-content .call-me .call-img i{
background-position: center 15px;
height: 50px;
}
.box-content .call-me .call-img{
position: relative !important;
width: 100% !important;
}
.box-content .call-me .call-phone2{
width: 100% !important;
padding: 20px !important;
}
.box-content .box-txt p{
text-indent: 0 !important;
}
}
@media screen and (max-width:480px){
.index-tianfu .center-block{ margin-top: 35px;}

1
CN/index.html
View File

@ -15,7 +15,6 @@
<link rel="stylesheet" type="text/css" href="/css/aos.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/new.css" />
<link rel="stylesheet" type="text/css" href="/css/media.css" />
<script src="/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/aos.js" type="text/javascript" charset="utf-8"></script>