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

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

<view class='det-img'>
    <image mode="widthFix" src='../../images/detail/spins/50D-50DPearlChiffon/WechatIMG505.jpeg'></image>
</view>

在这里插入图片描述
css文件:
在这里插入图片描述

发布了44 篇原创文章 · 获赞 8 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/LiaoFengJi/article/details/100878354
今日推荐