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

Question

我在屏幕底部有一个固定定位的元素，除了Android浏览器的底部控制栏覆盖了我的元素之外，它工作得很好。它甚至不会触发窗口大小调整事件来尝试使用它。iOS Safari也有底部的控制栏，但它会正确地推送我的元素，并且不会覆盖它。

我愿意接受任何建议。

Answer 1

你可以试试新的显示屏: fullscreen

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

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

但是，对于更加身临其境的体验，如游戏、视频播放器或其他丰富的内容，移动UI元素(如系统栏)仍然可能会分散您的注意力，并占用您可能需要的宝贵像素。

现在，您可以通过在web应用清单中设置display: fullscreen，让您的渐进式Web应用感觉完全身临其境。

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