微信小程序实现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%,高度自适应

推荐阅读:

百度站长平台https站点提交sitemap显示“抓取失败”的解决方法

Vue.js学习笔记——条件、循环、双向绑定

MongoDB的简单配置和基本数据操作

phpsStorm实现打开*.jsp文件代码高亮和代码格式化

解决margin击穿的几种方法

赞 (2)
分享到: +

评论 沙发

Avatar

换个身份

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