60 lines
1.6 KiB
CSS
60 lines
1.6 KiB
CSS
@media screen and (max-width:300px) {
|
|
|
|
}
|
|
@media screen and (min-width:301px) and (max-width:350px) {
|
|
|
|
}
|
|
@media screen and (min-width:351px) and (max-width:420px) {
|
|
|
|
}
|
|
@media screen and (min-width:421px) and (max-width:490px) {
|
|
|
|
}
|
|
@media screen and (min-width:491px) and (max-width:620px) {
|
|
|
|
}
|
|
@media screen and (min-width:621px) and (max-width:720px) {
|
|
|
|
}
|
|
@media screen and (min-width:721px) and (max-width:820px) {
|
|
|
|
}
|
|
@media screen and (min-width:821px) and (max-width:920px) {
|
|
|
|
}
|
|
@media screen and (min-width:921px) and (max-width:1020px) {
|
|
|
|
}
|
|
@media screen and (min-width:1021px) and (max-width:1120px) {
|
|
.logo{width: 26%;}
|
|
}
|
|
@media screen and (min-width:1121px) and (max-width:1260px) {
|
|
.input-box{display: none;}
|
|
.logo{width: 26%;}
|
|
.head-box{padding: 10px 100px;}
|
|
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
|
.dao-box>li:last-child{padding-right: 0;}
|
|
.dao-box>li>div{padding: 6px 0;}
|
|
.head-nav-box > div:last-child {margin-top: 10px;}
|
|
.redD {right: 6px;}
|
|
}
|
|
@media screen and (min-width:1261px) and (max-width:1350px) {
|
|
.logo{width: 26%;}
|
|
.head-box{padding: 10px 100px;}
|
|
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
|
.dao-box>li>div{padding: 6px 0;}
|
|
.head-nav-box > div:last-child {margin-top: 10px;}
|
|
.redD {right: 6px;}
|
|
}
|
|
@media screen and (min-width:1351px) and (max-width:1620px) {
|
|
.logo{width: 26%;}
|
|
.head-box{padding: 20px 100px;}
|
|
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
|
.dao-box>li>div{padding: 6px 0;}
|
|
.redD {right: 8px;}
|
|
}
|
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
|
.logo{width: 30%;}
|
|
.head-box{padding: 20px 100px;}
|
|
}
|