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

标签 html css media-queries

我希望网站只有一页,有页脚和所有内容,不需要向下滚动, 该网站的移动 View 总是在小设备屏幕上显示滚动条,但在大屏幕手机(如 onepls6 或 iphone8+)上看起来很棒......

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

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

最佳答案

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

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

关于html - 移动端主页的 Wordpress 静态页面全高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57231044/

相关文章:

html - 如何在不使用 Javascript 的情况下跟踪有多少用户点击了我网站上的特定按钮?

html - 在 ruby​​ on rails 中忽略媒体查询

css - 使用Media Query和Grails获取条件CSS时遇到问题

html - 如何将此标题稍微移动到边框下方?

javascript - 固定在窗口顶部的div

html - 影响某些元素而不影响其他元素的媒体查询

html - Chrome 在设置了边框半径的高大对象左侧使用了错误的边框颜色

javascript - 按钮标签在脚本标签内不起作用

jquery - 如何在 jquery 动画中停止字体闪烁和消失。

html - Div 调整大小以适合文本