欢迎光临
我们一直在努力

解决微信小程序image图片mode=“widthFix“图片显示瞬间纵向拉伸变形闪烁的bug

在微信小程序给图片设置了宽度,然后设置了mode=“widthfix”,但是发现有的手机上会出现第一次进入页面加载图片的瞬间,图片会被拉的很长,然后恢复正常。然后把图片的高度也设置rpx的话,就不会出现这种情况了,所以小程序里图片需要设置高度。

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

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

所以需要在.wxss全局中把图片设置

image{
  width: 100%;
  height: auto;
}
赞(5)
版权归原作者所有,如有侵权请告知。达维营-前端网 » 解决微信小程序image图片mode=“widthFix“图片显示瞬间纵向拉伸变形闪烁的bug

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址