Question

我使用Bootstrap创建了以下网站，以使我的图像响应。在调整宽度时，图像完全响应。但是，在调整高度时，图像不会调整大小。

最好的方法是什么？

Answer 1

Bootstrap以宽度响应，它假设高度没有相关性，因为你可以滚动...如果你想让你的图像调整宽度高度，但保持相同的宽度，它可能会扭曲质量图片。

现在，至于如何做到这一点，我现在能想到的唯一方法就是在某些高度上实现一些媒体查询。

即：

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

希望有所帮助