微信小程序 - 设置图片高度自适应（宽度固定）

最新推荐文章于 2023-09-25 11:22:26 发布

lyx0211

最新推荐文章于 2023-09-25 11:22:26 发布

阅读量1.4k

点赞数

原文链接：https://blog.csdn.net/LiaoFengJi/article/details/100878354

版权

微信小程序 - 设置图片高度自适应（宽度固定）
我们要放入多张一样宽度不一样高度的图片的时候，我们不能同时都设置固定的高度，这样会使得一些图片被挤压或者有些会出现空白的现象，这些都不能满足我们的需求，所以我来说一下如何实现图片高度自适应。
我们只需要在image标签上面加上 mode=“widthFix” 即可
wxml文件：

<view class='det-img'>
    <image mode="widthFix" src='../../images/detail/spins/50D-50DPearlChiffon/WechatIMG505.jpeg'></image>
</view>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200415181123139.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200415181046841.png#pic_center)