浏览器进入全屏模式时视口高度问题

Question

这是一个奇怪的行为。

我正在编码必须在大型电视中观看的指标应用程序的前端。 我使用HTML，Js和CSS（引导程序4）。

它是针对普通公众的，因此我们必须隐藏浏览器标签等。 每当我将浏览器设置为全屏显示时，页面底部都会出现白色的大行。请参阅所附图片。

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

这是一个已知问题吗？

如何避免这种情况并全屏显示？

我尝试过自动，覆盖，100％高度等。

Answer 1

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

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

问题是，如果仅将高度应用于身体，它将寻找父代（html），并且发现大小与以前相同，因此两者都必须具有该属性才能获得高度的100％