小程序之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%,高度自适应的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 Image 图片实现宽度100%,高度自适应

微信小程序 Image 图片实现宽度100%,高度自适应

微信小程序 Image 图片实现宽度100%,高度自适应

微信小程序 Image 图片实现宽度100%,高度自适应

CSS设置背景图宽度100%,高度自适应

CSS 背景图宽度100% 高度自适应