Wie kann man verhindern, dass der Browser die Größe der Mobilgeräte ändert, wenn die Tastatur geöffnet wird oder die Adressleiste verschwindet?

Question

Wenn die Adressleiste auf dem Mobilgerät verschwindet oder die Tastatur geöffnet wird, wirkt sich dies auf die Größe des Darstellungsbereichs aus und ändert daher alle css-Werte, die vh-Einheiten verwenden.

Gibt es eine Möglichkeit, sicherzustellen, dass die Einheiten vh und vw ihre Größe behalten, selbst wenn sich das Ansichtsfenster selbst ändert?

Answer 1

Die Antwort wird je nach Browser variieren.

In Safari und Chrome passt die URL-Leiste nicht die vh-Einheiten (noch prozentuale Höhen) an, es sei denn, sie werden in position: fixed Elements verwendet. Leider bewirkt Firefox, dass sich die Größe der URL mit der URL-Leiste auch außerhalb der Position ändert: behoben, und Sie können nichts dagegen tun.

Für Tastatur, glaube ich, Safari wird nicht die Größe Vh Einheiten entweder. Chrome und Firefox tun es. Auch hier besteht keine Möglichkeit, die Größe der VH-Einheiten in diesem Fall zu verhindern.