用CSS按比例调整图像大小，可能吗？

有没有办法用 CSS 调整图像大小并保持其比例？

容器有固定的宽度和高度

<div class="container">
   <img class="theimage" src="something" />
</div>

我问的原因是因为布局可以改变（通过类从列表到图标）并且图像需要按比例调整大小（大约减少 40%）。

我知道如何用 JavaScript 做到这一点，也知道如何通过 CSS 调整大小，但我不太相信它可以用部分与CSS，除非有一些聪明的方法。

.theimage{
    width:100%;
    height:auto;
}

or

.theimage{
    width:auto;
    height:100%;
}

取决于您想要如何给出比例偏好......:) :)

就这样。