使用uni-app写h5页面的轮播banner用了官方提供的swiper,有个问题轮播图高度无法根据图片高度自适应

Question

求问，怎样才能让轮播banner的高度根据图片的大小自适应高度

Answer 1

根据uni.getImageInfo()来动态获取图片的宽高比比例从而设置swiper的宽高比。仔细想想，如果高度不固定的话，假如轮播的图片高度不一，那么体验效果显然不会很好。

Answer 2

常理来说 swiper轮播图 是需要固定高度的
要不然 滑动的时候 高度不一致 会导致闪动

Answer 3

css:
image{width:100%;max-height:300rpx;}
html:
<image src="xxxx" model="aspectFit"
图片：
请把图片统一宽高比！important