微信小程序image图片实现高度自适应

2019独角兽企业重金招聘Python工程师标准>>>

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

做法如下：

1.图片属性 mode="widthFix"

注：宽度不变，高度自动变化，保持原图宽高比不变

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

2.css设置图片width=100%

img{
 
　　width: 100%;
}

即可实现！

 

更多：

微信小程序下拉刷新使用整理

小程序商城制作，轻松打造自己的会员系统

微信小程序rich-text富文本图片自适应处理

转载于:https://my.oschina.net/tianma3798/blog/1807283