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

发布时间: 2020-05-07 22:37:42 作者: 大象笔记

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

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

原因推测

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

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

解决方法一

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

解决方法二

在样式文件顶部加上

image {
  height:auto;
}

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

我是一名山东烟台的开发者,联系作者