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

推荐阅读:

【笔记】5.2学习小程序用到的网站和资料

Photoshop保存ICO格式插件 ICOFormat.8bi

css的cursor属性 鼠标指针样式

Jetbrains系列激活补丁JetbrainsCrack-2.8更新

设置 letter-spacing 后文字不能居中的解决方法

赞 (2)
分享到: +

评论 沙发

Avatar

换个身份

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