html - 在 html 中缩放图像会在下方创建空白

Question

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

http://www.donnaliartist.com/testpage.php

当我缩小浏览器窗口(仅宽度)时，图像会适当缩放，但也会在其下方创建空白间隙(如果窗口较大，页面的其余部分将从图像通常结束的位置开始).

我不知道是什么原因造成的，但我想确保当窗口的宽度变小时(图像按比例缩小)，页面的其余部分将从图像底部的下方开始。我在页面上使用 Bootstrap 。 请让我知道我是否应该(或哪些)共享代码。

Answer 1

随着屏幕尺寸的变化，您需要更新 min-height 属性。

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

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

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