我们在做微信小程序的时候经常会遇到，图片不兼容手机的问题，手机尺寸多样，设定固定高度，会导致部分手机无法完整显示图片。

这时候就需要自适应图片高度，但是常用的css代码：

 height:auto;

不生效，无法解决这个问题。

开始以为通过设置高度就可以了，解决弄了很久也没弄好。

原来小程序图片自适应关键在于image标签的一个属性：mode="widthFix"

<image src="{{item.cover}}" class='wedding_img' mode="widthFix" />

这样就可以完美的解决。