大小不一致的图片完全适应div

网格式布局中，每个网格的宽高相等，当填充的图片大小不一致时，我们可以使用css新属性object以及弹性布局来使图片完全的填充div

    <div>
        <img src="" alt="">
    </div>

div{
	width: 346px;
	height: 200px;
	display: flex;
}
img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-object-fit: cover;
}