这只是Safari中的一个问题，对我来说似乎是一个Safari错误。这里是一个捣鼓这个问题的简化版本。
当图像位于设置了宽度的嵌套flexbox元素中且height: auto正在拉伸时...自动高度不起作用。要在Safari中正常工作，是否需要添加一些其他内容？
.container {
display: flex;
flex-direction: column;
}
.container section:first-child {
display: flex;
margin-bottom: 25px;
}
.container img {
width: 125px;
height: auto;
}<div class="container">
<section>
<img src="https://via.placeholder.com/250">
</section>
<section>
<img src="https://via.placeholder.com/150">
</section>
</div>我希望可以自动调整图像的高度以保持纵横比。此功能适用于除Safari之外的所有浏览器。在Safari中，图像被拉伸，自动高度不起作用。