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

文章目录

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

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

    原因推测

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

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

    解决方法一

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

    解决方法二

    在样式文件顶部加上

    image {
      height:auto;
    }
    

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

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式