Html Bootstrap3：具有固定高度的响应图像应放大。

我想为我的网站制作一个响应性标题。显然，我使用了bootstrap

.img responsive

类。我的问题是，当屏幕变大时，高度也会增加，因为

height:auto

所以在普通的桌面屏幕上，图片对我来说太大了。我见过一些网站的图片有100%的宽度，但有固定的高度。如果宽度改变，图片将放大或平移。这是我的意思的一个例子。
我在网上搜索资源，但什么也没找到。你们有谁能帮我吗

---

提前谢谢

展开上面我的评论，如果您希望图像在保持相同高度的同时根据屏幕大小进行缩放，请对具有定义高度的元素使用

背景图像

属性：

.hero{
宽度：100%；
高度：300px；
背景图像：url（'https://placeimg.com/1000/450/nature');
背景尺寸：封面；
}

---

您能发布您迄今为止尝试过的代码吗？这应该是设置最小高度的问题。您要做的是将图像设置为div的

背景图像

。将div的高度设置为您想要的任何宽度，100%，然后使用

背景大小：cover添加
背景图像

更像是

max width

问题，请将

max width

设置为img。使用此固定高度，它不能reponsive@blecaf当然可以，我的例子就是这样。如果OP希望高度也具有响应性，他们只需要为不同的断点定义不同的高度。请解释下一票，我的回答完全符合OP的要求（即使使用与他们提供的示例相同的方法）。我没有投你的下一票。我刚才评论道。给图像加一个高度并不能很好地响应。“最小高度”和“最大高度”效果更好。

min height

和

max height

不适用于此解决方案，因为div中没有为元素指定高度的内容。我的答案与OP提供的示例中使用的解决方案相同。