如何使用百分比作为参数调整HTML中图像的大小？

我想在我的网站上调整图像的大小。我知道如何做到这一点，或者调整之前的图像大小，或者计算宽度和高度，并设置像素值。但是我使用同一张图片多次使用不同的调光，因此，如果我可以将图像调整到其自身的大小，那么所需的时间会更少

<img src='images/logo-beta.png' id="logo" height="75%" width="75%"/>

---

我已经试过了，但问题是大小是相对于其父元素设置的。

无法单独使用HTML或CSS自动完成所需的操作。您需要使用JavaScript获取图像的尺寸，然后计算这些尺寸的百分比，并将它们重新应用到图像（以像素为单位）

有一种方法，但它并不完美。它需要一个包装元素，其显示设置为“内联块”，并使用“最大宽度”调整图像大小

问题是父元素保留了图像的原始宽度，这可能会导致问题，具体取决于您的要求

例如：