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

Adr*_*atu 5 javascript css mobile mobile-browser android-browser

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

我对任何建议持开放态度.

Mar*_*aov 1

您可以尝试新的显示方式:全屏

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

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

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

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

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