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

Javascript Android浏览器底部控制栏覆盖内容,javascript,css,mobile,android-browser,mobile-browser,Javascript,Css,Mobile,Android Browser,Mobile Browser,我在屏幕底部有一个固定位置的元素,除了安卓浏览器的底部控制栏覆盖我的元素外,它工作得非常好。它甚至不会触发窗口调整事件来尝试使用它。iOS Safari也有底部的控制栏,但是它正确地推送了我的元素,并且没有覆盖它 我愿意接受任何建议。您可以尝试新的显示器:全屏 当从Android主屏幕启动渐进式Web应用程序时,它们以独立的应用程序模式启动,隐藏omnibox。这有助于创造一种引人入胜的用户体验,并为内容腾出屏幕空间 然而,对于游戏、视频播放器或其他丰富内容等更具沉浸感的体验,系统栏等移动UI

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


我愿意接受任何建议。

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

当从Android主屏幕启动渐进式Web应用程序时,它们以独立的应用程序模式启动,隐藏omnibox。这有助于创造一种引人入胜的用户体验,并为内容腾出屏幕空间

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

现在,您可以在Web应用程序清单中设置display:fullscreen,让您的渐进式Web应用程序完全沉浸其中


从主屏幕启动应用程序时,所有非应用程序移动用户界面元素都将隐藏。

感谢您的回复!当用户在android KitKat上使用默认浏览器时,您能提供一些情况信息吗?只有链接的答案通常在堆栈溢出上。随着时间的推移,链接可能会萎缩,变得不可用,这意味着你的答案对未来的用户来说是无用的。如果你能在实际的帖子中提供你答案的一般细节,引用你的链接作为参考,那将是最好的。