Javascript 如何使图像具有响应性，但高度保持不变

我想知道如何做像这个网站

---

请注意，一旦图像缩放过小，它的高度就不会保持不变。当高度超过480px时，它只是将底部裁剪掉。实现同样目标的最简单方法是执行以下操作：

<div style="max-height:480px; overflow: hidden">
    <img src="" style="width:100%" />
</div> 

---

我想要一顶睡帽，但可惜还有工作要做。请问一个实际的问题。我们不想为您分析另一个网站。您想要一个高度随宽度成比例变化的图像吗？或者一个图像的高度保持在一个固定的值，尽管它的宽度发生了变化？拿出你的钱包，购买这个插件=>@MirkoCianfarani，这是没有帮助的。它没有回答问题，也没有告诉他为什么没有得到答案。你应该删除你的评论