HTML-Problemchen

Hallo liebe Community,

ich hab mal eine Frage bezüglich HTML/CSS... Ich weiß, dass dieses Forum hier eigentlich ein AutoIt-Forum ist, aber ich denke, dass es hier so viele nette Mitglieder gibt, die mir auch hier etwas helfen könnten.

Kurz: Problem ist Folgendes... Wenn man eine HTML Seite erstellt und dann in einem Smartphonebrowser auf einen Input auf der Seite klickt, erscheint die Handytastatur und die Seite wird von der Höhe her auf die übrige Größe zwischen Tastatur und oberem Browserrand beschränkt (liegt wahrscheinlich daran, dass ich mit Prozentwerten arbeite und das soll auch so sein (responsiv))... Wie kann ich aber festlegen, dass die Tastatur beim Erscheinen den unteren Teil der Seite überdeckt und die Seite nicht in die Höhe schrumpft?

Ah okay, danke alpines... Den Code kann ich leider nicht posten, aber ich kann mal ein Beispiel machen...

Werde es später posten...

Also mit fixed hab ich's probiert, aber außer, dass es mein Layout verzieht (da ich absolute verwende), tritt immer noch der gleiche Effekt auf.

So also hier mal ein Beispiel... Ziemlich einfach, aber es soll ja nur veranschaulichen.

Beispiel-"Website"

Am Smartphone wird bei Klick auf den Input die gesamte Seite verkleinert, um über den Input zu passen.

Die Smartphonetastatur soll jedoch nicht als Seitenverkleinerung betrachtet werden, sonder lediglich als kurzfristige Eingabemethode, was heißt, dass der Rest der Seite dann auch von der Tastatur überdeckt werden kann, da der Fokus nur auf dem aktuellen Input liegen soll...

Edit: Auf dem Smart-TV, bei dem auch die Tastatur so rausklappt, wird alles korrekt dargestellt?!