小程序 图片高度固定 宽度100%，不变形

网上搜索的都是高度自适应。。。可是需求是高度固定的。。

 

后面自己用了一个很土的办法

 

先设置图片父级的样式：宽度是100%。高度固定300rpx。图片超出300部分影藏

width:100%;
height:300rpx;
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;

父下面image属性

width:100%;
position:absolute;
display:flex;
justify-content:center;
height:0 auto;
这样就解决变形问题。且高度也固定 了