Flexbox具有这种特性，它可以将图像拉伸到其自然高度.换句话说，如果我有一个包含子图像的flexbox容器，并且我调整了该图像的宽度，那么高度根本不会调整，图像会被拉伸.
div {
display: flex;
flex-wrap: wrap;
}
img {
width: 50%
}<div>
<img src="https://i.imgur.com/KAthy7g.jpg" >
<h1>Heading</h1>
<p>Paragraph</p>
</div>这是什么原因？