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

 

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

 

问题：只给图片宽度，高度不能根据宽度进行自适应；

官方解释：

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

解决方法：

1，给图片同时设置宽高（小程序中最好每个标签元素都设置上宽高）

2，小程序中image标签有个属性 mode（图片裁剪、缩放的模式）

  可取值: 好多如下图:

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

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