html - 浏览器全屏时的视口高度问题

嗯，这是一个奇怪的行为。

我正在编写一个必须在大电视中观看的指标应用程序的前端。我使用 Html、Js 和 Css（引导程序 4）。

它是面向公众的，所以我们必须隐藏浏览器选项卡等。每当我将浏览器设置为全屏时，页面底部都会出现一个大白行。请看附图。

奇怪的是那里没有任何元素。就像视口变大而忘记用东西覆盖底部。

这是一个已知的问题？

如何避免这种情况并全屏覆盖？

我试过自动、封面、100% 高度等。

标签： htmlcssviewport

我在发布我的问题后立即找到了解决方案。

html,body
{
    min-height:100%;
}

问题是，如果您仅将高度应用于主体，它将寻找父级 (html) 并发现大小与以前相同，因此两者都必须具有该属性才能获得 100% 的高度。