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

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

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

样式设置宽度100%

.img{
  width: 100%;
}

添加属性 mode="widthFix"

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

即可实现!

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

未经允许不得转载:Web前端开发资源网 » 微信小程序实现image图片宽度100%,高度自适应

推荐阅读:

使用float后清除浮动的几种方法

Z-Blog 搜索报错:Cannot pass parameter 1 by reference 解决方法

【笔记】微信小程序通过app.json设置底部导航

给元素添加伪类 :before 不显示的解决方法

js 获取input的value值及验证手机号和汉字的正则表达式

赞 (2)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)