微信小程序图片的比例问题

因为项目需要，第一次写微信小程序，一看代码跟vue的写法很像，便接下准备做，但是在写的时候发现微信小程序中image标签却不能像html中的img那样设置height或者weight为auto，一但设置了设置为auto的那个属性便会强制为0，了解了之后发现，微信小程序中的image标签实际上类似是封装的div，图片的展示就是利用设置div的background来实现的，所以不支持图片的auto属性设置，想要把图片设置成等比应该用另一种写法:

<image src="" mode=\'widthFix\'></image>

在标签中设置mode=\'widthFix’就可以实现图片等比的功能了