generated from nuxt/nuxt_site
93 lines
1.3 KiB
SCSS
93 lines
1.3 KiB
SCSS
//media.scss
|
|
|
|
/*480px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 480px) {
|
|
.Header {
|
|
position: fixed !important;
|
|
z-index: 99;
|
|
}
|
|
.HeaderIcon-box{
|
|
}
|
|
|
|
.HeaderIcon{
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.HeaderSearch-Icon {
|
|
margin-left: 3vw !important;
|
|
display:block !important;
|
|
}
|
|
}
|
|
|
|
/*1037px*/
|
|
/*小于*/
|
|
@media screen and (max-width:1037px) {
|
|
.HeaderSearch-button{
|
|
display: flex!important;
|
|
}
|
|
}
|
|
|
|
/*小于*/
|
|
@media screen and (max-width: 1037px) {
|
|
|
|
|
|
//.HeaderSearch-Icon {
|
|
// display: none !important;
|
|
//}
|
|
|
|
.HeaderSearch {
|
|
position: absolute;
|
|
right: 20px !important;
|
|
display: flex !important;
|
|
}
|
|
|
|
.HeaderNav {
|
|
display: none !important;
|
|
}
|
|
|
|
.HeaderIcon-box {
|
|
width: 80%!important;
|
|
|
|
height: 100% !important;
|
|
}
|
|
|
|
.phone_top_logo {
|
|
display: block !important;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.Header-container {
|
|
display: flex;
|
|
justify-content: left !important;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
}
|
|
|
|
/*1333px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 1333px) {
|
|
.Header-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.HeaderNav {
|
|
padding-left: 5vw !important;
|
|
}
|
|
|
|
.Header-container {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.HeaderNav-navItems {
|
|
padding: 0 20px !important;
|
|
}
|
|
}
|
|
|
|
/*大于*/
|
|
@media screen and (min-width: 1333px) {}
|
|
|
|
/*1440px*/
|
|
/*小于*/
|
|
@media screen and (max-width: 1440px) {} |