Wechat applet -image image width 100%, height adaptive (source code attached)

The solution is as follows: Set the style width to 100%

.img{width: 100%;
}
Copy the code

Add attribute mode= “widthFix”

<image class="img" src=".. /.. /images/hello.png" mode="widthFix">
Copy the code

So, here we go