屏幕尺寸小于 326px 时 100vh 不覆盖整个屏幕答案

【问题标题】：100vh doesnt cover the whole screen on screen size less then 326px屏幕尺寸小于 326px 时 100vh 不覆盖整个屏幕
【发布时间】：2018-07-21 21:19:47
【问题描述】：

我正在使用min-height: 100vh; 属性，它适用于所有屏幕尺寸。我的页脚总是在底部。

当我使用 Chrome 开发工具并测试站点响应时出现问题。如果我低于 326px，我的页脚开始上升，这是因为 100vh 容器不再覆盖整个页面。我尝试将height 100% 添加到 html 和 body 以及其他一些技巧，但它没有帮助。我该如何解决这个问题？

【问题讨论】：

分享代码..
对不起，不能那样做。这是一个大型项目，在不同组件的 css 模块中具有样式。但本质上，fotter 的位置固定在底部，身体内包裹一切的第一个元素具有 min-height: 100vh;
那么我们可以如何帮助您呢？ :) ...在您的大项目中有一些东西造成了问题
请加一个minimal reproducible example，否则就是浪费时间。
如果您等待几秒钟以便 Chrome 开发工具可以重新计算所有内容，它是否有效？当我测试时，它似乎在 stackoverflow 上也出现了故障，但几秒钟后就可以了。

【解决方案1】：

@Igor-Vuk，请尝试以下代码 sn-p

@media (max-width: 767px){
  .full-height{
    height: 100vh;
  }
}

谢谢！

【讨论】：