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

Question

如果标签中已经定义了高度和宽度，是否可以按比例调整图像大小？

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

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

并像这样使用最大宽度:

img { max-width: 200px; }

我最终会得到一张 200 像素 x 350 像素的图像。

我更喜欢纯 CSS 解决方案(我很确定它不存在)，但也可以使用一些 Javascript 和/或 jQuery。

Answer 1

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

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