如何使主页响应？ WordPress的

Question

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

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

我试过了

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

没有成功。

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

.banner .item {
   height: 700px;
}

不正确：

正确：

Answer 1

而不是

.banner .item {
  height: 700px;
}

您可以使用 全视口 (vh) - header(px)

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

它会满足您的需求 ;)

How do i make home page responsive? Wordpress