w3h5

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

微信小程序默认给 image 设置了宽高,所以单独设置宽度或者高度就会出现变形的问题。

微信小程序实现image图片宽度100%,高度自适应 小程序 第1张

样式设置宽度100%

.img{
  width: 100%;
}

添加属性 mode="widthFix"

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

即可实现!

微信小程序实现image图片宽度100%,高度自适应 小程序 第2张

赞 (1)
分享到: +More |

评论 沙发

换个身份