Question

我的网站上有一个奇怪的缩放问题。

当我使浏览器窗口变小（只是宽度）时，图像会正确缩放，但它也会在其下方创建一个空格间隙（如果窗口很大，页面的其余部分将从图像通常结束的位置开始）。

我不知道造成这种情况的原因，但是想要确保当窗口的宽度较小（并且图像缩小）时，页面的其余部分将从图像底部的下方开始。我在页面上使用bootstrap。如果我（或哪个）共享代码，请告诉我。

Answer 1

您需要在屏幕大小更改时更新min-height属性。

编辑：您可以添加媒体查询。

@media (max-width: 768px) {
  #headerwrap {
    min-height: 100%;
  }
}

并删除艺术家姓名上方的br元素并垂直对齐内容。