小程序图片 mode 设置为 widthFix 图片显示瞬间竖向拉伸变形闪烁

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序图片 mode 设置为 widthFix 图片显示瞬间竖向拉伸变形闪烁相关的知识,希望对你有一定的参考价值。

官方文档中 mode="widthFix"   宽度不变,高度自动变化,保持原图宽高比不变,即设置图片宽度而高度自适应。

但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高,也许是高度没设置的原因。

所以把图片设置  

height: auto

即可解决问题

以上是关于小程序图片 mode 设置为 widthFix 图片显示瞬间竖向拉伸变形闪烁的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

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

mpvue 小程序开发爬坑汇总

小程序image使用mode大图闪屏加载的问题