nuxt_site/assets/css/IndexDetail/media.scss
2024-05-02 21:28:18 +08:00

84 lines
1.3 KiB
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) {
.bcard, .brand, .move {
background-size: auto 100%;
}
}
/*880px*/
/*大于*/
@media screen and (min-width: 880px) {
}
/*小于*/
@media screen and (max-width: 880px) {
.img-box{
width: 60vw!important;
}
}
@media (max-width: 767px){
}
/*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;
}
}
.number_con li {
width: 100%;
}
// .partners_li {
// margin: 10px;
// width: 100%;
// // width: calc((100% - 20px) / 6);
// // align-items: center;
// display: block;
// // align-items: center;
// // box-shadow: 0px 0px 6px #555;
// border-radius: 10px;
// }
// .partners_flex {
// display: block;
// // justify-content: space-evenly;
// // flex-wrap: wrap;
// }
}