img标签内的图片怎么自适应img标签的大小呢？

CSS2

不能自适应。

html中img

图像元素

的大小默认是图厅睁片的实际大小，当更改其中一个值时，图扮链岁片按比例缩放。只能在外层元素中使img元素自适应大小。

小程序中唤者可以使用mode属性设置显示模式。

CSS3

中可以使用object-fit和object-position进行自适应设置。

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

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

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

设置宽首耐敬度100%，

.img{width: 100%}

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

首先需要打开电脑，然后打开电脑后再打开快对小程序，在打开快对小程序后，选择自己需要放大的图片，把这个图片放到合李厅雀适的位置，点击图片，部分进行放大的按哪早钮，然后多次点击可以进行放大处理，因此是可以这样放大图片的伏键。

---