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

德顺

修改于 2019-11-13 11:00:34

2.5K00

代码可运行

文章被收录于专栏：前端资源前端资源

运行总次数：0

代码可运行

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

样式设置宽度100%

.img{
　　width: 100%;
}

添加属性 mode="widthFix"

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

即可实现！

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018-09-19)，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度