6

我正在尝试制作一个 100% 的屏幕宽度和 100% 的屏幕高度，纵横比为 16:9 的 Web 应用程序。如果我能在我的平板电脑上全屏查看这个网站，那就太棒了，但不幸的是，屏幕上的工具栏占用了大量空间，使我的网站既不能全高也不能全宽显示：

Web 应用程序未全屏显示

现在我知道，从最近开始，可以通过向下滚动页面（source）来隐藏滚动条。但是，由于我的 Web 应用程序 100% 高，我无法以这种方式隐藏工具栏。

我想知道是否有人对如何隐藏工具栏有其他想法。仅使用 CSS（或者可能是一些我不知道的 HTML 元标记）方法是首选，但我也将满足于使用 JavaScript 的技术。

4

2 回答 2

5

最后，我通过添加滚动到我的文档的可能性来解决问题。我将 body 元素定位为固定，以便我现在可以通过向上滑动但不移动任何内容来隐藏工具栏。我承认这有点骇人听闻。

html {
    padding-bottom: 1000px;
}

body {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
于 2014-05-12T13:47:13.257 回答
0

这是一个可以解决您的问题的 JS 选项。 https://github.com/scottjehl/Hide-Address-Bar/blob/master/hide-address-bar.js

于 2013-11-27T05:41:06.997 回答