Wenn die mobile Softtastatur angezeigt wird, wirkt sich dies auf das Layout aus.

Wenn die mobile Softtastatur angezeigt wird, wirkt sich dies auf das Layout aus

1) Die mobile Seite, die ich vor einiger Zeit erstellt habe, da die Höhe nur 1 Seite beträgt, habe ich height:100%;width:100%;

verwendet

Wenn Sie unter iOS auf das Eingabefeld klicken, um die Softtastatur aufzurufen, hat das Layout keine großen Auswirkungen.

Wenn das Eingabefeld möglicherweise über die Softtastatur gedrückt wird, liegt auf einigen Android-Geräten ein Problem vor und UC weist Layoutprobleme auf.

Der Grund kann sein, dass sich beim Aufklappen der Soft-Tastatur die Höhe ändert, sodass height:100 % nicht die ursprüngliche Höhe erreichen kann.

Lösung:

$(document).ready(function () {
　　$('body').height($('body')[0].clientHeight);
});

Nachdem die Seite geladen wurde, gibt js dem Textkörper eine feste Höhe.

2) Beim Klicken auf das Eingabefeld auf dem mobilen Endgerät ist die Seite teilweise nach links verschoben, aber sie ist zu lang und ich habe den Browser vergessen und kann sie nicht reproduzieren soll die Größe des Eingabefelds zentrieren.

PS: Ich beschwere mich über Huaweis eigenen Browser und die neuen Einheiten von UC, die CSS3, VW, VH nicht erkennen.