为什么图像宽度(百分比)也会影响图像的高度？

Question

你好，伙计们，我试图通过使用百分比而不是像素来提高网站的响应能力。当我将图像宽度更改为百分比时，我注意到它也会影响高度。有人能给我解释一下为什么吗？

提前感谢！

Answer 1

很简单，图像总是试图保持比例。因此，如果宽度或高度被改变，另一个也会随之变化。

这是纯粹的本质图像，因为否则他们会看上去模糊时，调整大小错误。

Answer 2

当CSS改变图像的宽度时，如果高度设置为auto (初始值)，它也会缩放图像的高度。

这是为了让你更容易把一个固定大小的横幅放在你的网站上，而不知道它的大小，但仍然不会破坏它的比例，因为如果你在图像中有文本或方块，如果只在一个方向上调整大小，它可能看起来很奇怪。

如果只想水平缩放，则必须指定高度。