移动端主页的 Wordpress 静态页面全高

Question

我希望网站只有 1 页，包含页脚和所有内容，无需向下滚动， 该网站的移动视图总是在小设备屏幕上显示滚动条，但在像 onepls6 或 iphone8+ ...

这样的大屏幕手机上看起来很棒

@ media only screen and (max-width: 460px)
{
   .header-image 
    {
       height: 458px;
    }
}

如果我把高度调小一点，它在小设备上会很好地显示，但是，我在大屏幕移动设备上的页脚下有一个白页

Answer 1

#page {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.header-image {
  flex-grow: 1;
}