Html 保持固定高度的图像纵横比

我有一张600像素高的照片。我把它和img标签一起使用，而不是背景图像。原因在于反应能力。我想根据屏幕大小调整图像大小。但我希望我的图像高度为300px。现在，如果我设置

最大高度：300px

和

宽度：100%

。这张照片看起来很长。有没有一种方法可以根据屏幕大小来调整图像的比例和响应速度

---

这是用于引导转盘图像。

设置

宽度：自动，如以下示例所示：


img.非拉伸{
最大高度：300px；
宽度：自动；
}
拉长{
最大高度：300px；
宽度：100%；
}
提供您的代码可能会让您开始。。。