0

私はiPhoneのSMSに似たスタイルのチャットルーム（実際にはクローンではありません）を行っていますが、実際のモバイルデバイスで使用すると、テキスト入力が画面の中央に表示されてズームインされるため、それらのデバイスでは実用的ではありません. テキスト入力を画面の中央に配置するのではなく、仮想キーボードの近く (またはその下) にするにはどうすればよいですか。これを試すための iOS 以外のデバイスはありませんが、他の Webkit モバイル ブラウザでも同様の問題が発生すると思います。

おまけの質問として、Enter キーを押したときにキーボードを消す方法や、完了ボタンが押されたことを確認する方法はありますか?

ありがとう！

4

1 に答える 1

2

これをヘッダーに追加します。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

これにより、オンフォーカスでのズームが防止されます。それでも問題が解決しない場合は、user-scalable=no も追加してみてください。

キーボードを非表示にする場合は、入力のフォーカスを強制的に失うだけです。

element.blur();
于 2013-03-11T23:59:36.620 に答える