如果已经在HTML中设置了宽度和高度,您可以使用CSS(或JS/JQ)按比例调整图像大小

Question

如果已在标签中定义了高度和宽度,是否有办法按比例调整图像大小？

显然,如果我有一个像这样的图像标签:

<img src="whatever.jpg" width="500" height="350">

并使用max-width,如:

img { max-width: 200px; }

我最终会得到一张200像素×350像素的图像.

我更喜欢纯CSS解决方案(我相当确定不存在),但也可能使用一些Javascript和/或jQuery.

Answer 1

当然,你将另一个维度设置为auto:

img{
    height:auto;
    width:200px;
}