关于小程序页面打开时图片样式大小闪烁的问题

/ 0评 / 1

一直没有找到解决方案,最后发现是因为只设置了heightFixwidthFix而没有将widthheight全部设置导致的。

问题出现在,在使用image标签时发现使用heightFix可以只设置height就可以让图片宽度自适应,而放弃设置图片的宽度。

而微信在渲染时有那么一段计算时间后,才将计算好的高度设置到元素上,因此我们需要提前设置好高度。

目前解决方案:

尽可能设置好widthheight,不使用Fix,使用Fix自适应会导致样式在渲染时有一定形变。

如果一定要设置,推荐在css中将对应需要自适应的widthheight赋值为auto,一开始并不会显示,在Fix生效后会显示出来,有一种刚刚加载出来的效果。

如设置heightFix的同时设置width:auto,设置widthFix的同时设置height:auto

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注