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

Question

大家好我试图通过使用百分比而不是像素来使网站更具响应性。当我将图像宽度更改为百分比时，我注意到它也影响了高度。 有人可以向我解释为什么会这样吗？

提前致谢！

Answer 1

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

这是图像的纯粹本质，否则在重新调整错误时它们会显得模糊。

Answer 2

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

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

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