FlexBox具有将图像拉伸到自然高度的行为。在其他(更具体)的单词中，如果我有一个带有子图像的flexBox容器，并且我调整了该图像的宽度，那么高度根本无法调整大小，并且图像被拉伸。
<div>
<img src="https://loremflickr.com/400/300" >
<h4>Appify</h4>
<p> some text </p>
</div>
和这个样式表
div {
display: flex;
flex-wrap: wrap;
}
img{
width: 50%
}
我加了This codepen来表明我的意思。
是什么原因造成的？
