小程序中swiper轮播组件直接引用图片会造成图片铺不满的问题
原因:swiper和图片都有宽和高导致的,这里需要设置swiper的宽和高
涉及原理: 原图的宽度 / 高度 = swiper的宽度 / 高度
解决办法:
例如:图片750X410
swiper{
width: 100%;
height: calc(100vw*410/750);
image{
width: 100%;
}
}
小程序中swiper轮播组件直接引用图片会造成图片铺不满的问题
原因:swiper和图片都有宽和高导致的,这里需要设置swiper的宽和高
涉及原理: 原图的宽度 / 高度 = swiper的宽度 / 高度
解决办法:
例如:图片750X410
swiper{
width: 100%;
height: calc(100vw*410/750);
image{
width: 100%;
}
}