Css 使用Boostrap I'；我想在较小的设备上将图像缩放到最小高度

我有一个图形设计组合网站现场构建与引导

在大屏幕和中型屏幕上，全宽图像看起来很棒。但在较小的设备上观看时，图像太小。这将使用类：

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

---

有没有办法将较小设备上的图像缩放到最小高度（约400px），然后将图像的侧面聚焦到图像的中心

您可以使用媒体查询以特定设备为目标

然后，您可以根据设备对图像应用不同的宽度/高度

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


@media (min-width: 768px) {
    .img-responsive {
        width: //something;
        height: //something;
    }
}

---

使用媒体查询定义所需的样式。您可以根据屏幕大小设置样式。仅使用CSS无法裁剪图像。您需要包装元素或背景图像。如何使用包装元素Huelfe完成？