Geben Höhe in Prozent quetscht Eingabefelder, wenn die Tastatur in Android-Tabletten öffnet

Question

Ich habe ein Problem in Android-Tabletten mit einer Seite mit Eingabefeldern. Jedes Mal, wenn jemand auf das Eingabefeld klebt, um etwas einzugeben, öffnet sich eine weiche Tastatur und die Eingabefelder sehen gequetscht aus, wie auf dem Bild zu sehen ist. Ich verwende unter css:

html,body{ 
    height:100%; 
    } 
    .form{ 
    height:100%; 
    } 
    .container{ 
    height:100%; 
    } 

Answer 1

Das Problem ist, dass Sie die Dimensionen in Bezug auf die Fenstergröße setzen; Wenn sich die Soft-Tastatur öffnet, wird die Größe des Fensters geändert. Wenn Ihre Seite also immer relativ ist, führt dies zu Problemen, wenn sie zu klein wird.

Vielleicht versuchen, eine min-height an den Körper hinzuzufügen, damit ihre Kinder nicht betroffen, wenn Fenster zu klein wird:

html,body{ 
    min-height: 300px; 
    height: 100%; 
}