Css 增大/缩小弹性项目以适合图像

我有一个布局，左边是图像，右边是文本内容。我希望一个图像有100%的高度，我想保持图像的纵横比。文本内容应填充可用宽度

我尝试使用flex box，但图像flex项不会根据图像大小调整其宽度：

.wrap{
显示器：flex；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
.图像容器{
背景颜色：蓝色；
flex:0自动；
}
img{
身高：100%；
}
.内容容器{
背景颜色：绿色；
弹性：110；
溢出：自动；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。阿利奎姆维塔因特杜姆努克。在nec semper lectus。努克和尼西米。整叶酵母。佩伦茨克·埃吉斯塔斯，图尔皮斯·埃吉斯·朗卡斯·费吉亚，马萨精英尤伊斯莫·厄洛斯，以及威尼斯人的自由。我是亨德雷特·波特。我是精英，弗林蒂利亚·维尔·努拉·埃吉特，艾库利斯·安特。马萨是一位伟大的诗人。她坐在我的座位上。整数：非智者，非福西布斯·努克权杖。无需静脉注射。这是一个大分子，也是一个大分子。

一种方法是简单地擦除图像周围的DIV（如果它按您想要的方式工作，您无论如何也看不到背景），这使图像本身成为一个灵活的项目，并保留默认设置：

.wrap{
显示器：flex；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
img{
身高：100%；
宽度：自动；
}
.内容容器{
背景颜色：绿色；
溢出：自动；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。阿利奎姆维塔因特杜姆努克。在nec semper lectus。努克和尼西米。整叶酵母。佩伦茨克·埃吉斯塔斯，图尔皮斯·埃吉斯·朗卡斯·费吉亚，马萨精英尤伊斯莫·厄洛斯，以及威尼斯人的自由。我是亨德雷特·波特。我是精英，弗林蒂利亚·维尔·努拉·埃吉特，艾库利斯·安特。马萨是一位伟大的诗人。她坐在我的座位上。整数：非智者，非福西布斯·努克权杖。无需静脉注射。这是一个大分子，也是一个大分子。

查看这篇帖子：我以前没见过。。。我很快就试过了，但还是没有成功——我做得对吗？如果你垂直调整小提琴的大小，你会发现它不会调整。文本覆盖图像（如果较高）或在它们之间创建空间（如果较低）。我一直在寻找一个CSS解决方案已经有一段时间了，但仍然没有任何跨浏览器的解决方案。你能试试这个吗？看起来像是在工作。好了，给你。没有解决我链接的问题（它有一个稍微不同的要求）。。。把它作为一个自我回答贴出来，你会得到我的回复。你全屏检查了吗。。。图像失去了它的外观ratio@LGSon不，它没有，至少在Firefox Mac上没有。它只是变得模糊，因为它比全屏小得多。如果你检查这个。。。您的解决方案在Chrome/Edge上不起作用，图像会拉伸。。。但是FF做对了，让我再做几个测试-到目前为止看起来很棒。这可能是最好的答案。