html - Bootstrap 响应式 IMG 缩放到顶部而不是中心

Question

我在使用 HTML/CSS 的 Bootstrap 模板中有一张背景照片。我想知道是否有可能在更大的屏幕上做到这一点，而不是缩放图像并放大到中心，而是放大到顶部？

感谢您的帮助!

编辑:直播地址为 https://chorebug.com/ -- 看看标题图片。当您更改页面大小时，它会裁剪和调整大小。但在大型显示器上，它会裁剪出他的头部，而我希望它裁剪在顶部。

Answer 1

使用以下规则附加全屏尺寸的媒体查询:

@media (min-width: 768px) {
     header.masthead {
          background-position: top;
     }
}