• 微信
您当前的位置: 首页> 小程序>

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

作者:Alpha时间:2018-10-06 阅读数:7216 +人阅读

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

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

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


本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:595397166@qq.com

标签: 小程序

阿尔法

软件开发工程师#全栈工程师

{include file=foot.html}