Question

假设我的图像尺寸最初为1280x720（比率约为1.78），但由于某种原因，我将图像添加为1000x720（比率~1.39）。代码应如下所示

<img src="example.JPG" style="height:720px; width:1000px;">

（编辑：上面的代码无法更改。实际上在第一个问题中我说'我添加了'，但实际上html源代码来自WYSIWYG编辑器。此外，作者（用户，因为它是WYSIWYG编辑器）想要将图像大小加起来1000x720或与之成比例（比例~1.39），即使它可以制作丑陋的图像）

并且，为了在屏幕宽度小于1000px时按比例调整图像大小，我将max-width设置为100％，将height设置为auto使用css：

img {
    height: auto;
    max-width: 100%;
}

然后，忽略高度的'auto'选项，并且不按比例调整图像大小。如果我使用关键字'important'覆盖高度的'auto'选项，则图像会调整大小，但是比率为1.78（与1280x720成比例），而不是1.39（与1000x720成比例，这就是我想要做的）。

有没有使用纯css的解决方案？（并且没有手动计算比率，因为给定的示例仅适用于1000x720，但我不能指望我在实际服务中从用户获得的大小。也许他们可以将图像大小插入500x720，即使它的实际大小是1280x720。）