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

Posted F_Ender

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序 Image 图片实现宽度100%,高度自适应相关的知识,希望对你有一定的参考价值。

做法如下:

样式设置宽度100%,

.img{

  width: 100%;

}

添加属性 mode="widthFix",

<image class="img" src="../../images/hello.png" mode="widthFix">

即可实现!

 

以上是关于微信小程序 Image 图片实现宽度100%,高度自适应的主要内容,如果未能解决你的问题,请参考以下文章

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

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

实现小程序image图片宽度100%高度自适应

小程序之image图片实现宽度100%,高度自适应

微信小程序的图片组件

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