【问题标题】:Android browser bottom control bar overlays contentAndroid浏览器底部控制栏覆盖内容
【发布时间】:2015-02-06 01:14:36
【问题描述】:

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

我愿意接受任何建议。

【问题讨论】:

    标签: javascript css mobile android-browser mobile-browser


    【解决方案1】:

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

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

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

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

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

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

    【讨论】:

    • 感谢您的回复!当用户在 android KitKat 上使用默认浏览器时,您能否提供一些信息?
    • 仅链接的答案通常是 Stack Overflow 上的frowned upon。随着时间的推移,链接可能会萎缩并变得不可用,这意味着您的答案将来对用户毫无用处。如果您可以在实际帖子中提供答案的一般详细信息,并引用您的链接作为参考,那将是最好的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-19
    • 2015-08-27
    • 1970-01-01
    • 2010-12-19
    相关资源
    最近更新 更多