generated from nuxt/nuxt_site
81 lines
1.3 KiB
SCSS
81 lines
1.3 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;
|
|
}
|
|
}
|
|
/*1043px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 1043px) {
|
|
.Final-icon-box{
|
|
display: none;
|
|
}
|
|
.Final-container{
|
|
flex-direction: column;
|
|
}
|
|
.Final-big-box{
|
|
flex-direction: column;
|
|
padding: 0 20px;
|
|
.items-title-line{
|
|
margin-right: 20px!important;
|
|
}
|
|
}
|
|
.Final-right-box{
|
|
max-width: 100vh!important;
|
|
margin: 20px 0;
|
|
}
|
|
.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) {
|
|
|
|
} |