aspectFill:保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取
aspectFit:保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。
widthFix:宽度不变,高度自动变化,保持原图宽高比不变
<view class="pic"> <image src="../../../static/test.jpg" mode="aspectFill" ></image> </view> //css部分 <style> .pic { width: 500upx; height: 500upx; } </style>