我想在我的网站上调整图像的大小。我知道如何做到这一点，或者调整之前的图像大小，或者计算宽度和高度，并设置像素值。但是我使用同一张图片多次使用不同的调光，因此，如果我可以将图像调整到其自身的大小，那么所需的时间会更少。
<img src='images/logo-beta.png' id="logo" height="75%" width="75%"/>
我已经试过了，但是问题是大小是相对于其父元素设置的。
单独使用HTML或CSS无法自动完成所需的操作。您需要使用JavaScript获取图像的维度，然后计算这些维度的百分比，并将它们重新应用到图像（以像素为单位）
有一种方法，但它并不完美。它需要一个包装元素，其显示设置为“内联块”，图像使用“最大宽度”调整大小。
问题是父元素保留了图像的原始宽度，这可能会导致问题，具体取决于您的要求。
例子：http://jsfiddle.net/amustill/GnEw5/
