在小程序开发工具上表现正常,但是在真机上,打开页面的瞬间,image src 为本地图片的会闪一下。
具体表现是,图片会瞬间拉长,然后变为正常。看上去就像闪烁了一下。
原因推测
图片高度无法预先知道。就像 web 浏览器上一样,只有加载完图片才知道对应的高度。
问题的根源就是没设置图片高度属性 Height。
解决方法一
设置 height。rpx 也行,rem 也行,只要设置了 Height 就可以。但是 100% 无效。
解决方法二
在样式文件顶部加上
image {
height:auto;
}
虽然我想不通为何这个能解决,但确实有效。
微信关注我哦 👍
我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式