object-fit使用场景

如图所示，需要不同图片在同一个展示空间内都能保持比例，但其原图的尺寸不相同，为了保证设计效果以及展示效果，需要用到object-fit属性。

官方文档地址：链接

最终我们使用选择的是contain，效果就是保持比例并且进行相应的缩放，同时保持图片的文章。

.brand_item img{
 width:300px;
 height:170px;
 object-fit:contain;
 mix-blend-mode:multiply;
}