小程序图片刚打开时会拉长再缩短


关键词

小程序 图片 伸拉

摘要

小程序中的图片,第一次打开页面的时候,会出现一开始被拉长后来又缩短成正常大小的情况。

如题,出现这种情况,是因为我们使用了小程序特有的 mode="widthFix" 这个属性。在有这个属性的情况下,我们一般就只需要设置图片的width属性,而不用设置高度,让图片自动根据宽度来自动计算高度。即官方所说的:缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。

但在这个模式下,如果只设置了width就会出现图片打开时被拉长,然后一下子就缩短成正常高度的现象。要解决这个问题也很简单,只需要在width之后,加上“height: auto;”即可。

具体为什么会这样,没有找到答案。知其然不知其所以然啊!

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:小程序图片刚打开时会拉长再缩短:http://www.splaybow.com/post/xiaochengxu-image-lachang-8081.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« 微信小程序提示:getLocation需要在app.json中声明permission字段 小程序wxml中include文件不会包含同名的wxss文件 »