小程序图片适应盒子的问题

<image mode='aspectFill' src='{{selected.image}}'></image>

mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。

缩放模式

scaleToFill 不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素
aspectFit 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。
aspectFill 保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。
widthFix 宽度不变，高度自动变化，保持原图宽高比不变

裁剪模式

top 不缩放图片，只显示图片的顶部区域
bottom 不缩放图片，只显示图片的底部区域
center 不缩放图片，只显示图片的中间区域
left 不缩放图片，只显示图片的左边区域
right 不缩放图片，只显示图片的右边区域
top left 不缩放图片，只显示图片的左上边区域
top right 不缩放图片，只显示图片的右上边区域
bottom left 不缩放图片，只显示图片的左下边区域
bottom right 不缩放图片，只显示图片的右下边区域