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

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

因为微信小程序的image有默认的宽高:width: 320px和height: 240px,所以只设置宽度100%是无效的,因为高度默认240px

只需要添加属性 mode="widthFix"

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

设置宽度100%,

img{width: 100%;}

这样就可以实现宽度100%高度自适应,不会拉伸

美团商家二维码小程序换方法如下。

1、进入美团商家版后,点击右下角的‘我的’,进入我的界面,点击‘门店设置’。

2、在门店设置界面,找见‘店铺头像’,修改店铺头像,点击‘店铺头像’后面的,点击右上角的‘重新上传’即可。

以上就是关于实现小程序image图片宽度100%高度自适应全部的内容,包括:实现小程序image图片宽度100%高度自适应、美团商家二维码小程序怎么换图片、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zz/10164099.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存