为什么 flexbox 会拉伸我的图像而不是保留纵横比?

为什么 flexbox 会拉伸我的图像而不是保留纵横比?,第1张

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>

这是什么原因造成的?

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/read/1369997.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-15
下一篇 2022-06-15

发表评论

登录后才能评论
保存