在uni-app框架中,图片image标签是自带默认高度的,在下方图片可以看到,一个正方形的图片,初始化被设置了240px高度
在这里插入图片描述
uni-app如何让图片高度自适应

有很多大佬就在想了,定义个图片高度不就行了吗?除了在图片设置个高度还有一个方法,就是在iamge标签里定义 mode=”widthFix 就行了

    <image src="../../static/logo.png" mode="widthFix></image>

功能效果:
在这里插入图片描述
uni-app如何让图片高度自适应

这样就可以让图片高度自适应,为什么要让他自适应呢?因为做到瀑布流布局就会用到的。

希望这篇文章对您有帮助

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐