Responsive Design: Alles schrumpft, wenn die mobile Tastatur aktiv ist

Question

Es gibt heutzutage viele Bildschirmauflösungen in Browsern, also ist die Verwendung von px in meinen CSS-Größen eigentlich keine gute Idee. Ich angenommen und verwendet vh als Ersatz für px, da sie auf dem aktuellen Darstellungsgröße basiert und dann Textbox/img/div oder irgendetwas einstellen, die eine size: ...vh;

hat Dies ist eigentlich gut, aber irgendwie, wenn ich versuche auf die Textfelder zu erschließen und dann die Tastatur erscheint, die stopft die Größe und schrumpft daraus:



Um dies:

Das passiert irgendwie nie auf iOS, nur auf Android-Handys. (Es ist wahrscheinlich mit Android-Tastatur heraus knallen und herausnehmen Realraum aus dem Browser)

Gibt es irgendwie dieses Problem zu beheben, wenn nicht, gibt es trotzdem, dass ich meine Textfelder anpassen/div-Tags, die noch würden sein reagieren auf irgendwelche mobilen Auflösungen? Vielen Dank!

Answer 1

Da die Android-Tastatur möglicherweise echten Platz im Browser verbraucht, verringert sich die Ansichtsfensterhöhe, wodurch alles schrumpft. In diesem Fall können Sie Pixel anstelle von vh verwenden, da ich nicht glaube, dass es wichtig ist, vh zu verwenden. Die Verwendung von Pixeln wirkt sich in diesem Fall nicht auf die Reaktionsfähigkeit der Site aus.

Sie können auch diese thread überprüfen, wenn es hilft.