Android浏览器底部控制栏覆盖内容

Question

我在屏幕底部有一个修复定位元素，除了Android浏览器底部控制栏覆盖我的元素外，它的效果非常好。它甚至不会触发窗口调整大小事件来尝试使用它。 iOS Safari也有底部控制栏，但它正确地推动了我的元素并且它没有覆盖它。

我愿意接受任何建议。

Answer 1

您可以尝试新显示：全屏

https://developers.google.com/web/updates/2017/04/nic58#fullscreen

当从Android主屏幕启动Progressive Web Apps时，它们会以独立的应用程序模式启动，隐藏多功能框。这有助于创建引人入胜的用户体验，并释放内容的屏幕空间。

但是，对于游戏，视频播放器或其他丰富内容等更具沉浸感的体验，移动UI元素（如系统栏）仍可能会分散注意力并占用您可能想要的有价值像素。

现在，您可以通过在网络应用清单中设置display：fullscreen，让您的渐进式网络应用感受到完全身临其境。

当您的应用从主屏幕启动时，所有非应用移动UI元素都将被隐藏。