图片铺满div,自适应容器大小,不会拉伸变形
小程序
mode属性
scaleToFill:缩放模式,不保持纵横比,图片拉伸至填满 image 元素
aspectFit: 缩放模式,保持纵横比,保证图片的长边能完全显示出来。
aspectFill: 缩放模式,保持纵横比,保证图片的短边能完全显示出来,长边截取。
widthFix: 缩放模式,宽度不变,高度自动变化,保持原图宽高比不变
heightFix:缩放模式,高度不变,宽度自动变化,保持原图宽高比不变
其他的不实用,不做讲解
例子:只有这样写才能保证图片宽高小于大于box展示大小的图片都能不变形的铺满显示
<view class="comm__box">
<image class="comm__img" mode="widthFix" src=""></image>
</view>
.comm__box{
width: 100%;
height: ca