如题,出现这种情况,是因为我们使用了小程序特有的 mode="widthFix" 这个属性。在有这个属性的情况下,我们一般就只需要设置图片的width属性,而不用设置高度,让图片自动根据宽度来自动计算高度。即官方所说的:缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。
但在这个模式下,如果只设置了width就会出现图片打开时被拉长,然后一下子就缩短成正常高度的现象。要解决这个问题也很简单,只需要在width之后,加上“height: auto;”即可。
具体为什么会这样,没有找到答案。知其然不知其所以然啊!