标签:原图 340px widthFix 程序 高度 mode 随笔 图片
小程序图片高度自适应
这里踩了很多遍的坑,花了很多时间,以为像以前以前给他上级的盒子不给高度就行了,oh,no,这是一个坑,关键在于image标签的一个属性:mode="widthFix"
,简单搞定
<image src="{{item.cover}}" class='wedding_img' mode="widthFix" />
知识点:mode="widthFix"
Widthfix : 宽度不变,高度随着图片的高度 自动变化,将保持原图的宽高比不变
Widthfix属性的最大特点是,图片将不会按照设定的尺寸呈现,比如设置image宽度为700px,高度为340px,如果设置mode=widthfix,则图片最终不会按照750px和340px呈现,而是将图的宽设置为700px,高度自动,此时的宽高依旧和原图等比,如图。
除了mode="widthFix",还有"aspectFill"、”scaleToFill“
标签:原图,340px,widthFix,程序,高度,mode,随笔,图片 来源: https://www.cnblogs.com/caitangbutian/p/11330616.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。