小程序图片设置宽高的方法

1. image组件好迟默认宽度300px、高度225px  ；

2.css设置皮敬宽高（尺寸最好为rpx，更适应燃袜慎屏幕）

3.mode 设置缩放模式（13种）

样式设置宽度100%   添加属性 mode="widthFix"

4.套在div种，设置div宽高，

因为微信小程序的图片image有默认的宽高：width: 320px和height: 240px，所以只设置宽度100%是无效的，因为图片高度默认240px

只需要添加属性 mode="者慎widthFix"

<image class="img" src="../images/1.png" mode="widthFix">

设置宽首耐敬度100%，

.img{width: 100%}

这样就可以实亩悉现图片宽度100%高度自适应，图片不会拉伸

---