我怎样才能使图像适合 div ( Ionic )

Question

我有一个 div 容器，在 div 里面我有一个 img。

  <div  style="background-color: red; height: 200px; width: 200px;">
    <ion-img  src="{{kategori[i].img}}"></ion-img>

    </div>

我想用我的图片填充 div。但它不适合里面。它看起来像这样:

有的小，有的大。我如何填写 div 的内部？我不想看到红色背景，我希望它填充在 div 内。这是我的 css 代码：

ion-img {

  border-radius: 15px;
  background-size: cover;
  max-width: 100% !important;
  max-height: 100% !important;
}

感谢帮助

Answer 1

ion-img {
  border-radius: 15px;
  object-fit: cover;
}

Answer 2

试试这个 <div style="display: flex; background-color: red; height: 200px; width: 200px; object-fit: cover;">

从图像样式中删除 object-fit:cover

ion-img { border-radius: 15px; }

How can i fit images in to div ( Ionic )