小程序image图片高度自适应 height:100%实现方法

发布于:2020-04-29 15:32:05

经常用到的功能,在平常的网页中,要想设置图片高度自适应,直接height:auto即可,但是在微信小程序中这个不好使了,就算是写成height:100%,图片就会不显示,只有给一个固定高度才会正常显示,但是给了固定高度,图片又会变形,显得很难看

其实只需要给图片image标签加上属性 mode="widthFix"即可,设置图片宽度为100%

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



阅读 508+

一片空白

父爱如山,不善表达。回想十多年前,总记得父亲有个宽厚的肩膀,小小的自己跨坐在上面,越过人山人海去看更广阔的天空,那个时候期望自己有一双翅膀,能够像鸟儿一样飞得高,看得远。虽然父亲有时会和自己开玩笑,但在做错事的时候会受到严厉的训斥。父亲有双粗糙的大手掌。