html - 将 (img) 元素高度缩小到 flex 容器中同级元素的高度

Question

我有一个包含两个元素的 flex（方向：行）容器。第一个是图像，第二个是 div。每个元素占据容器宽度的 50%。我的目标是让图像始终与其兄弟姐妹的高度相同，其大小由其内容决定。然后计划object-fit: cover在图像上使用。

我可以使图像增长到其兄弟姐妹的高度flex: 1，但如果它是两者中的较大者，我不能使其缩小到其兄弟姐妹的高度。有可能两者兼得吗？

标签： htmlcssflexboxsizing