Object-Fit 在 Flexbox 中不起作用：原因和解决方案
Object-fit 是一个 CSS 属性，用于控制如何调整图像大小以适合其容器。然而，在 Flexbox 布局中，object-fit 似乎没有按预期工作。
原因是 object-fit 作用于被替换的元素本身，而不是其容器。在这种情况下，图像是被替换的元素，而不是包装 div。
为了使对象适合在 Flexbox 中按预期工作，图像应该成为 Flex 项目。通过这样做，您可以在图像本身上设置 Flex 属性，确保正确应用对象适合。
以下是修改后的代码：
.container {
display: flex;
flex-direction: row;
width: 100%;
}
img {
object-fit: cover;
flex: 1;
margin-right: 1rem;
overflow: hidden;
height: 400px;
}在此更新的代码中，图像是弹性项目，对象适合直接应用于它们。现在，图像将调整大小以覆盖整个容器，同时保持其纵横比。
以上是为什么我的'object-fit”在 Flexbox 中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！
