解决因照片没有高引起的抖动
图片的宽240px,高200px
高比宽比例为 31.25%
如果直接写在高处,则是相对于父级元素的高度
.wrapper {
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 31.25%;
background-color: #eee;
}
.swiper-img {
width: 100%;
}
或者
.wrapper {
width: 100%;
height: 31.25vw;
}
会有浏览器兼容性
移动端图片的自适应
最新推荐文章于 2022-08-06 16:58:57 发布