100vh不能覆盖小于326px的整个屏幕

Question

我正在使用min-height: 100vh;属性，它在所有屏幕尺寸上都可以正常工作。我的页脚始终在底部。

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

Answer 1

@ Igor-Vuk，请尝试使用以下代码段

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

谢谢！