6

iOS デバイス用の PhoneGap を使用してチャット アプリケーションを開発しようとしています。アプリケーションには、ログに記録されたユーザーを表示するヘッダー、ユーザーがテキスト メッセージを書き込むことができるフッター、メッセージを表示する本文に配置されたリスト ビューがあります。

JQueryMobile (1.3.0) の最新バージョンに更新しましたが、アプリケーション内でまだ問題が発生しています。レイアウトがどのように破損するかを示すスナップショットを添付しました。( http://i.stack.imgur.com/RsLfT.png )

ページをスクロール不可 (UIWebViewBounce を false に設定)、スケーラブル不可 (user-scalable=no) にするなど、いくつかの解決策を試しましたが、問題は解決しませんでした。

これを修正する方法を知っている人はいますか？（ソフトキーボード登場後のリフレッシュのような）

4

6 に答える 6

2

今のところ、次を追加できます。

document.body.scrollTop = 0;

入力フィールドがぼかしイベントを受け取るたびに。

于 2013-03-06T11:03:22.743 に答える
2

Twitterブートストラップ3を使用して同じ問題を抱えていました。

追加:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

私のために問題を解決しました。

于 2013-09-19T12:24:07.773 に答える
1

CSSとラッパーを使用して修正しました

/*Phone < 5:*/
 @media screen and (device-aspect-ratio: 2/3) {
  .content {
   height: 416px !important;
 }
}

 /*iPhone 5:*/
@media screen and (device-aspect-ratio: 40/71) {
  .content {
    height: 504px !important;
  }
}
于 2013-03-24T23:27:30.493 に答える
1

PhoneGap サポートに連絡したところ、この問題に関して PhoneGap 2.6 リリースで適切な修正が行われる予定であることが通知されました。

于 2013-02-28T06:25:06.690 に答える