70 lines
1.1 KiB
SCSS
70 lines
1.1 KiB
SCSS
|
|
|
|
//media.scss
|
|
|
|
/*480px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 480px) {
|
|
.Final-middle-phone-box{
|
|
display: flex!important;
|
|
flex-direction: column;
|
|
}
|
|
.Final-middle-box{
|
|
display: none!important;
|
|
}
|
|
}
|
|
/*880px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 880px) {
|
|
.Final-icon-box{
|
|
display: none;
|
|
}
|
|
.Final-container{
|
|
flex-direction: column;
|
|
}
|
|
.Final-middle-box{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.Final-middle-items{
|
|
display: flex;
|
|
.items-title{
|
|
margin-right: 28px!important;
|
|
font-size: 14px!important;
|
|
}
|
|
.items{
|
|
margin-right: 14px!important;
|
|
font-size: 12px!important;
|
|
}
|
|
.title-head{
|
|
font-size: 20px!important;
|
|
}
|
|
}
|
|
.Final-float{
|
|
height: 18vw!important;
|
|
}
|
|
.Final-float-box{
|
|
display: none!important;
|
|
}
|
|
.Final-code-box{
|
|
display: flex!important;
|
|
}
|
|
|
|
|
|
}
|
|
/*1200px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 1200px) {
|
|
.Final-icon-box{
|
|
display: none;
|
|
}
|
|
}
|
|
/*大于*/
|
|
@media screen and (min-width: 1200px) {
|
|
}
|
|
|
|
/*1440px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 1440px) {
|
|
|
|
} |