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来表明我的意思。
是什么原因造成的？
