微信小程序图片自适应屏幕大小真的有效

最近在接手一个小程序的项目开发，在前端开发的时候，发现一个大家很经常要用到的图片自适应手机屏幕大小的问题，这是一个简单但是很容易让人入坑的事情，
看如下代码:
wmxl代码
< view class=“imgs” >
< images src=“图片地址” mode=“widthFix”
< /view>
wxss代码
.imgs{
display:flex;
width:100%;
height:auto;
}
这样的结果看上去会根据屏幕的大小改变大小，因为上面两个属性，已经固定了宽度。高度auto了
但是结果。。。你编译了N变，图片还是老样子，不改变大小。高度也没发生变化。
看了很多文章，很多人都说方法很简单，但是都没说到点子上。说加了一个mode="widthFIx” 属性，给定一个固定的宽度。例如720rpx，高度auoto，这样图片就会根据手机屏幕的大小而改变。达到自适应屏幕的要求。
现在问题来了，这个固定屏幕宽度加哪里呢,wxss中？不是，这个固定屏幕的高度一定要在wxml页面中
wmxl代码
< view class=“imgs” >
< images src=“图片地址” mode=“widthFix” **style=“width:750rpx”>**加在这里才有效果
< /view>
wxss代码
.imgs{
display:flex;
width:100%;
height:auto;
}
上面这段代码才能真正有效解决图片自适应屏幕大小。