62 lines
824 B
SCSS
62 lines
824 B
SCSS
//media.scss
|
|
/*1440px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 1440px) {
|
|
}
|
|
|
|
/*小于*/
|
|
@media screen and (min-width: 1440px) {
|
|
}
|
|
|
|
/*1200px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
}
|
|
|
|
/*小于*/
|
|
@media screen and (max-width: 1200px) {
|
|
|
|
}
|
|
|
|
/*880px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 880px) {
|
|
|
|
}
|
|
|
|
/*小于*/
|
|
@media screen and (max-width: 880px) {
|
|
.img-box{
|
|
width: 60vw!important;
|
|
}
|
|
}
|
|
|
|
|
|
/*480px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 480px) {
|
|
|
|
}
|
|
|
|
/*小于*/
|
|
@media screen and (max-width: 480px) {
|
|
.right-box{
|
|
height: 40px!important;
|
|
width: 40px!important;
|
|
img{
|
|
height: 30px!important;
|
|
width: 30px!important;
|
|
}
|
|
}
|
|
.left-box{
|
|
height: 40px!important;
|
|
width: 40px!important;
|
|
img{
|
|
height: 30px!important;
|
|
width: 30px!important;
|
|
}
|
|
}
|
|
}
|
|
|