在uniapp页面展示中会遇到图片展示问题，等比缩放或者自适应view大小。 只固定调整图片的宽度（或者高度）而图片的高度（或者宽度）可以自动根据图片原始比例调节的情况，这种情况下我们可以通过使用image标签的mode属性控制。
组件默认宽度 320px、高度 240px；
注意uniapp图片标签这里是image标签不是img标签
mode 有效值：
mode 有 14 种模式，其中 5 种是缩放模式，9 种是裁剪模式。
我们一般用到红框里面的几种。文章来源：https://www.toymoban.com/news/detail-531323.html
具体的使用如下:文章来源地址https://www.toymoban.com/news/detail-531323.html
//限制宽度，等比缩放图片大小
<image class="image" :src="circleUrl + message.payload.basePath" mode="widthFix" ></image>
//设置图片最大宽度
.image{
max-width: 400rpx;
}
到了这里，关于【uniapp 图片展示自适应，等比例缩放】的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
