如何使主页响应？ WordPress

Question

Wordpress 更新了这个网站，主页现在没有响应。英雄形象没有填满整个屏幕。另一个奇怪的事情是，如果您增加和减少（拉伸）浏览器窗口，那么主页会自动不断地增加到无穷大。关于发生了什么以及如何解决这个问题的任何想法？感谢任何输入。我只是一个新手程序员，

.banner .item {  
    background-size: cover;  
    background-position: 50%;  
    position: relative;  
    overflow: hidden;  
}

我试过了

.banner .item {
   width: 100%;
   height: auto;
}

没有成功。

对特定像素的硬设置可以正常工作，但这不是我所追求的。我需要它来响应浏览器的大小。我错过了什么？

.banner .item {
   height: 700px;
}

网址：https://michaelhewat.com/

不正确：

正确：

Answer 1

代替

.banner .item {
  height: 700px;
}

你可以使用full viewport(vh) - header(px)

.banner .item {
  height: calc(100vh - 126px);
}

它会做你正在寻找的;）