我正在尝试制作一个Web应用程序，该应用程序的屏幕宽度为100％，屏幕高度为100％，宽高比为16:9。如果能够在平板电脑上全屏查看此网站，那就太棒了，但是不幸的是，屏幕上的工具栏占用了大量空间，使我的网站无法全屏显示或全屏显示:
现在我知道，从最近开始，就可以通过向下滚动页面(source)隐藏滚动条。但是，由于我的Web应用程序高度为100％，因此无法以这种方式隐藏工具栏。
我想知道是否有人对如何隐藏工具栏有其他想法。首选仅使用CSS的方法(或者可能是一些我不知道的HTML元标记)，但是我也将使用JavaScript。
最佳答案
最后，我通过添加滚动到我的文档的可能性来解决了这个问题。我将body元素定位为固定，以便现在可以向上滑动但不移动任何内容来隐藏工具栏。我承认这有点骇人听闻。
html {
padding-bottom: 1000px;
}
body {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
}