Ich habe eine fix positionierte Element am unteren Rand des Bildschirms, die perfekt funktioniert, außer für den Android-Browser, wo die untere Steuerleiste mein Element überlagert. Es löst nicht einmal das Fenster resize Event aus, um damit zu arbeiten. iOS Safari hat auch die untere Steuerleiste, aber es drückt mein Element korrekt und es überlagert es nicht.Android Browser unten Steuerelement Bar Overlays Inhalt
Ich bin offen für jeden Vorschlag.
Sie können die neue Anzeige versuchen: Vollbild
https://developers.google.com/web/updates/2017/04/nic58#fullscreen
Wenn Progressive Web Apps aus dem Android-Startbildschirm gestartet werden, starten sie in einem eigenständigen App-like-Modus, der die Omnibox versteckt. Auf diese Weise wird eine ansprechende Benutzererfahrung erzielt und der Platz auf dem Bildschirm für Inhalte frei.
Für noch intensivere Erlebnisse wie Spiele, Videoplayer oder andere umfangreiche Inhalte können mobile UI-Elemente wie die Systemleisten jedoch immer noch eine Ablenkung sein und wertvolle Pixel aufnehmen, die Sie vielleicht möchten.
Jetzt können Sie Ihre Progressive Web App vollständig eintauchen lassen, indem Sie die Anzeige: Vollbild in Ihrem Web App Manifest einstellen.
Wenn Ihre App über den Startbildschirm gestartet wird, werden alle nicht-mobilen UI-Elemente der App ausgeblendet.
Vielen Dank für Ihre Antwort! Könnten Sie bitte einige Informationen für den Fall bereitstellen, wenn der Benutzer den Standardbrowser auf Android KitKat verwendet? – VenZell
Link-only-Antworten werden in der Regel auf Stack Overflow abgelehnt (https://meta.stackexchange.com/a/8259/204922). Mit der Zeit ist es möglich, dass Links verkümmern und nicht mehr verfügbar sind, was bedeutet, dass Ihre Antwort in Zukunft für die Benutzer nutzlos ist. Es wäre am besten, wenn Sie die allgemeinen Details Ihrer Antwort in Ihrem tatsächlichen Beitrag bereitstellen könnten, indem Sie Ihren Link als Referenz angeben. – Teocci