微信小程序图片默认宽高为： 和 ，

我遇到的业务场景是100%宽高适配

所以

1.宽度设置成100%， .img{width: 100%;} 2.设置mode属性 mode="widthFix"，

mode——图片裁剪和缩放模式，默认值：，共有13种模式，其中4种为缩放模式，9种为裁剪模式。

官方文档：

缩放模式，在不保持长宽比的情况下缩放图像，使图像的宽度和高度充分拉伸以填充元素

在缩放模式下，图像会缩放以保持宽高比，以便可以完全显示图像的长边。换句话说，图像可以完整显示。

在缩放模式下，图像会缩放以保持纵横比，确保只有图像的短边可以完整显示。换句话说，图像通常只在水平或垂直方向上完整，而其他方向将被切断。

缩放模式下，宽度不变，高度自动变化，原图长宽比保持不变

缩放模式下，高度不变，宽度自动变化，原图长宽比保持不变 2.10.3

顶部裁剪模式，不缩放图片，只显示图片顶部区域

裁剪模式，不缩放图片，只显示图片底部区域

裁剪模式，不缩放图片，只显示图片中间区域

左侧裁剪模式，不缩放图片，只显示图片左侧区域

裁剪模式，不缩放图片，只显示图片的正确区域

左上裁剪模式，不缩放图片，只显示图片左上区域

顶部裁剪模式，不缩放图片，只显示图片右上区域

左侧裁剪模式，不缩放图片，只显示图片左下区域

裁剪模式，不缩放图片，只显示图片右下区域