小程序之image图片实现宽度100%,高度自适应
Posted 大猫STUDIO
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序之image图片实现宽度100%,高度自适应相关的知识,希望对你有一定的参考价值。
哇 今天搞了半天 图片一直变形啊啊啊啊
宽度100% 高度给100% 给auto 完全不管用啊啊啊啊
然后最后最终!!!!
首先我们要给我们的图片一个100%的宽度!让它自适应!!
.gotimeimg{ width:100%; }
接着!!!最重要的神奇的时候到了!请睁大你bilingbiling的眼睛!!
<image class=‘gotimeimg‘ mode=‘widthFix‘ wx:for="{{pic3}}" src=‘{{item}}‘></image>
mode=‘widthFix‘ 就是这个东西!! 没错!! 加上这个东西就ok了!!!
以上是关于小程序之image图片实现宽度100%,高度自适应的主要内容,如果未能解决你的问题,请参考以下文章