Css 强制图像匹配顺风中父flexbox的尺寸

我想强制一个图像匹配父div的维度，而不溢出

第二栏

我希望图像与flexbox的宽度和高度相匹配（例如，无滚动），是否有办法实现此目的？

将此添加到代码中：

body > div > div {
  min-height: 0;
}

img {
  width: 100%;
  object-fit: cover;
}

---

此处的详细信息：

使用

对象缩小

缩小图像并放入容器，或使用

对象缩小

body > div > div {
  min-height: 0;
}

img {
  width: 100%;
  object-fit: cover;
}