缩小时页面正文不会延伸到显示底部答案

【问题标题】：Page body does not extend to bottom of display when zooming out缩小时页面正文不会延伸到显示底部
【发布时间】：2017-10-18 22:26:38
【问题描述】：

我的网站遇到了一个小问题。当用户缩小页面时，正文（白色部分）不会延伸到显示的底部。这就是我的意思

用户在正常缩放时没有问题，但在大约 50% 缩放后，问题开始出现。我该如何解决这个问题？

【问题讨论】：

也许修复了？
嘿。您可以添加一些代码，以便我们可以尝试修复您的代码并按照这种方式进行操作吗？ :) 我建议将元素的高度设置为 min-width: 100vh;
@RyanEarnshaw 感谢您的回复！您的建议确实有效，但我认为您的意思是最小高度而不是最小宽度。尽管如此，我还是添加了 min-height: 100vh;到 page-inner 元素，它就像一个魅力！谢谢:)
嘿！是的，对不起，我搞混了哈哈，不用担心，如果你能把它标记为很棒的答案，我会把它添加为答案:)
@RyanEarnshaw 当然，我需要等待几分钟才能接受它作为解决方案。无论如何，有一个小问题。最小高度：100vh；似乎由于某种原因在Firefox上的滚动条出现错误，但您仍然可以使用鼠标滚轮滚动，但实际上不能使用垂直滚动条。不过，似乎在 Chrome 上运行良好。

标签： html css

【解决方案1】：

尝试设置：

min-height: 100vh;

文档可在here 获得，但它非常不言自明

【讨论】：

【解决方案2】：

使用min-height: 100vh

CSS3 为我们提供了与视口相关的单位。 100vw 表示 100% 的视口宽度。 100vh； 100% 的高度。

【讨论】：