微信小程序轮播图宽高计算

总是记不清轮播图宽高是什么怎么计算的，记录一下。

轮播图外层容器是swiper,而每一个轮播项是swiper-item

swiper标签存在默认样式

• width 100%
• height 150px
• swiper高度无法实现由内容撑开
• image 存在默认宽度和高度 320*240

综上，先找出原图的宽度和高度 等比例给swiper定宽度和高度

假定：原图宽度和高度为 520 * 300px

swiper 宽度 / swiper 高度 = 原图的宽度 / 原图的高度

则 swiper 高度 = (swiper 宽度 * 原图的高度) / 原图的宽度

   height= 100vw * 300 / 520
   -------------------------
   swiper{ 
  　　width: 100%;
 　　 height: calc(100vw * 200 / 640);
　	}
　 image{
  　　width: 100%;
　 }

最后给image标签添加mode属性：mode=“widthFix”，即宽度100%，高度自适应