Image 当浏览器高度更改时调整图像大小

我已经使用Bootstrap创建了以下网站，以使我的图像具有响应性。当调整宽度时，图像的响应非常好。但是，当调整高度时，图像不会调整大小

让它工作的最好方法是什么

---

引导将响应性与宽度联系起来，它假定高度与宽度无关，因为您可以滚动。。。如果要将图像的宽度调整为高度，但保持相同的宽度，则可能会扭曲图像的质量

现在，关于如何做到这一点，我现在唯一能想到的方法就是实现一些媒体查询，以达到一定的高度

i、 e:

希望能有帮助

@media (min-height: xxx px) and (max-height: xxx px)
{
     #imageID
     {
        height: the height you desire for this range;
     }
 }