@media screen and (min-width: 1802px ) {
.cards-wrap .card-item {
width: 20%;
}
}
@media screen and (min-width: 1280px) and (max-width: 1801px ) {
.cards-wrap .card-item {
width: 25%;
}
}
@media screen and (min-width: 720px) and (max-width: 1279px ) {
.cards-wrap .card-item {
width: 50%;
}
}
用媒体查询做,适应不同的屏幕
最新推荐文章于 2022-03-29 07:09:01 发布