微信小程序真机下进入页面时,所有本地图片会闪一下

更新日期: 2020-05-07 阅读次数: 4358 字数: 206 分类: 微信小程序

在小程序开发工具上表现正常,但是在真机上,打开页面的瞬间,image src 为本地图片的会闪一下。

具体表现是,图片会瞬间拉长,然后变为正常。看上去就像闪烁了一下。

原因推测

图片高度无法预先知道。就像 web 浏览器上一样,只有加载完图片才知道对应的高度。

问题的根源就是没设置图片高度属性 Height。

解决方法一

设置 height。rpx 也行,rem 也行,只要设置了 Height 就可以。但是 100% 无效。

解决方法二

在样式文件顶部加上

image {
  height:auto;
}

虽然我想不通为何这个能解决,但确实有效。

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式