如题,出现这种情况,是因为我们使用了小程序特有的 mode="widthFix" 这个属性。在有这个属性的情况下,我们一般就只需要设置图片的width属性,而不用设置高度,让图片自动根据宽度来自动计算高度。即官方所说的:缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。
但在这个模式下,如果只设置了width就会出现图片打开时被拉长,然后一下子就缩短成正常高度的现象。要解决这个问题也很简单,只需要在width之后,加上“height: auto;”即可。
具体为什么会这样,没有找到答案。知其然不知其所以然啊!
要饭二维码
洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!
文章的版权
本文属于“洪哥笔记”原创文章,转载请注明来源地址:小程序图片刚打开时会拉长再缩短:http://www.splaybow.com/post/xiaochengxu-image-lachang-8081.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D!
发布时间:2020/6/20 7:58:35 | 编辑:洪哥 | 分类:小程序 | 浏览: