微信小程序-图片高度问题


 

小程序中遇到图片无法自适应的问题,

 

问题:只给图片宽度,高度不能根据宽度进行自适应;

官方解释:

image组件有个默认宽度300px、高度225px ;

解决方法:

1,给图片同时设置宽高(小程序中最好每个标签元素都设置上宽高)
2,小程序中image标签有个属性 mode(图片裁剪、缩放的模式)
可取值: 好多如下图:

还可以取还多,"top" , “bottom ”,“top right” ,“bottom left ” 等等 ,这里不做类举,(都会裁剪图片),不常用 

常用的 widthFix,设置它就可以根据宽度进行自适应了!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM