15

Cordova を使用してチャット アプリケーションを作成しています。チャット ビューには、ページの下部に iMessage のような入力フィールドがあります。iOS 7.0 では、フィールドをクリックするとウィンドウのサイズが変更され、入力フィールドがキーボードの上に表示されました。iOS 7.1 では、入力フィールドをクリックするとすべてが下から押し上げられ、ウィンドウのサイズは変更されません。

私のビューポートは次のように設定されています:

<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, target-densitydpi=device-dpi" />

  • 上を基準にして入力を配置すると、サイズ変更は行われません。ただし、入力をキーボードの上部に合わせて十分に低く配置すると、サイズ変更なしのエラーが発生します。これは、 Ionic すりガラスのデモをビルドし、フッターを

    <footer class="bar bar-footer bar-frosted"><button class="button button-clear button-positive" ng-click="add()">Add Message</button></footer>

    に

    <footer class="bar bar-footer bar-frosted"><input name="testInput"></footer>

    www/index.html で

これにより、iOS 7.1 のエラーが再現され、iOS 7.0.x で期待どおりに動作します。ここの提案に従いましたが、それらのスレッドは古く、機能しませんでした。洞察を事前にありがとうございます！

4

2 に答える 2

0

幅を明示的に設定しようとしましたか? ここで述べたように？

<meta name="viewport" content="width=device-width">
于 2014-04-04T06:53:49.037 に答える