モバイル ソフト キーボードがポップアップすると、レイアウトに影響します。

モバイルソフトキーボードがポップアップすると、レイアウトに影響します

1) 少し前に作ったモバイルページ、高さが1ページしかないので、高さ:100%;幅:100%;を使用しました

iOS で入力ボックスをクリックしてソフト キーボードをポップアップ表示する場合、レイアウトは大きな影響を与えません。

ソフトキーボードで入力ボックスが押される場合、一部のAndroidデバイスに問題があり、UCではレイアウトの問題が発生します。

その理由は、ソフトキーボードがポップアップするときに高さが変更され、高さ: 100% が元の高さに到達できないことが考えられます。

解決策:

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

ページがロードされた後、js はボディに固定の高さを与えます。

2) モバイル端末で入力ボックスをクリックすると、ページが部分的に左にずれるという問題に以前遭遇しましたが、時間が経ちすぎてブラウザを忘れてしまい、解決策が見つかりませんでした。入力ボックスのサイズを中央に揃えます。

追記: css3、vw、vh を認識しない Huawei 独自のブラウザと UC の新しいユニットについて文句を言いましょう。