mode="aspectFit"，微信小程序：图片片显示保持纵横比缩放图片

使用方法

• 直接在image标签中加入；

<image src="/static/login_logo.png" mode="aspectFit" class="zai-logo"></image>

mode属性

mode 的默认值是scaleToFill，功能是缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素，就不符合我们所需要的。

我们所需要的保持长宽比不变的是aspectFit和aspectFill。

aspectFit 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。

aspectFill 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。