【发布时间】：2020-09-14 15:06:39
【问题描述】：
如果我只是写一个像这样的简单代码：
<img src="mycat.jpg" height="300px";>
现在，如果图像非常大，高度会减小到300px，宽度也会自动减小以适应高度大小。这是为什么？我认为，如果未指定宽度，它会保持在“自动”状态，这意味着元素的宽度会调整为内容的宽度，在这种情况下，是原始图像大小的宽度。当我改变元素的高度时，图像的高度也会改变以适应元素的大小，但为什么宽度也会改变？一定是因为比例是固定的。是这样吗？
是的，我知道，如果我将width 设置为100%，图像将扩展以填充元素块的整个宽度，但为什么如果它设置为自动，它会调整为由于元素的宽度没有改变，所以元素的高度而不是保持图像的原始大小？
另外，有没有一种实际的方法来改变内容的大小，即图像本身，而不是改变包含图像的元素的大小？我可以使用display:flex 并更改元素和图像之间的空间，那么有没有办法只针对图像而不是整个元素本身？
【问题讨论】：
-
css 'auto' 在某些元素上的行为不同。看看这个：stackoverflow.com/questions/4471850/…
-
没有真正回答我的问题。