Javascript 对象匹配的备选选项：包含IE

我正在寻找另一个对象匹配选项：contain，因为Internet explorer不支持它。 这是我的示例代码

.cbs-Item img {
    height: 132px ! important;
    width: 132px ! important;
    object-fit: contain;




<div  class="cbs-Item">
  <img alt="image" src="" width="146" style="BORDER:0px solid;">
</div>

.cbs项目img{
高度：132px！重要；
宽度：132px！重要；
对象匹配：包含；

---

任何解决方案？

您可以使用巧妙的定位来调整图像大小，保持其比例，并将其置于容器的中心

下面是一个示例，其中350x150px映像适合包含在132x132px容器中，无需拉伸

.cbs项目{
背景：#eee；
显示器：flex；
对齐项目：居中；
证明内容：中心；
宽度：132px；
高度：132px；
}
.cbs项目img{
最大宽度：100%；
最大高度：100%；
}

---

对于IE11图像拉伸修复，还可以在

本身上添加

flex-shrink:0

。