2013-10-01 8 views
10

sencha登録フォームのWebappがあります。Safariを使用するとすべて機能しますが、iOS Webviewを使用してホーム画面にページを追加する何らかの理由で問題が発生します。 入力フィールドをクリックすると、キーボードは選択された特定のフィールドにズームしていません。テキストフィールドへの書き込みを開始するには、テキストフィールドを再度押す必要があります。 私は煎茶を使用しています。ios7はキーボードの使用時にwebviewフォーカスを使用します

答えて

28

私は、iOS 7.使用するためのソリューションHTMLページで、次のメタタグが見つかりました:私は同じ問題に直面して

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /> 
+0

私はこの問題のJavaScript修正で無駄にしていることは想像もできません。あなたのソリューションは、私の一日を救った。 – Justin

+1

それは問題を解決しますが、部分的に解決します。 'height = device-height'は、トップステータスバーの高さを含め、デバイスと同じサイズのコンテンツを持っています。これは実際にコンテンツを利用可能なスペース(ステータスバーの下)よりも高くします。 メタタグ: ''と組み合わせて、コンテンツをステータスバーの下に移動したり、それは私が期待した外観を与えるものではありません。 – Mart

+1

'height = device-height'はそれを修正するオプションのようです。私はそれを削除する場合、それは動作を停止します。 –

3

を。私の場合、jquery mobileを使用しています。この問題を解決するために、「オートフォーカス」という属性を入力フィールドに追加しました。
これは、フィールドの最初のタップをシミュレートしているように見えますが、ユーザーのタップはキーボードを開き、フィールドに書き込むことができます。
これが役立つことを願っています。

+0

絶対に華麗です。ヘッダー/フッターが固定されているため、 'height = device-height'ができない場合、これはうまくいきます。 –

関連する問題