テキストボックスがあるjqueryモバイルページがあります。テキストボックスをクリックすると、電話スクリーンに仮想キーボードが表示されます。
問題はここから始まります。Android 2.3.3でページを実行すると、キーボードが表示されるとページのフッターが表示されます。しかし、私のページを ICS で実行すると、これは起こりません。ヘッダーとフッターの固定位置に関連するアンドロイド 2.3.3 にバグがあることは知っています ( github リンク)。
この問題は同じ理由によるものですか?
助けてください ！！ありがとう ！！
この meta - タグを head に追加して、アプリのズームを無効にしてください。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
通常どおり、フッター付きのページを作成します。追加しないでくださいdata-position="fixed"
代わりに、クラス "fixedFooter" をフッターの class 属性に追加します。class="fixedFooter"
CSS(-file) にクラス「fixedFooter」を作成します。
.fixedFooter
{
position: fixed !important;
left: 0px !important;
right: 0px !important;
bottom: 0px !important;
z-index: 999 !important;
}
コードが ICS で動作し、Android 2.3.x で動作しない場合、これは 2.3.x のバグが原因です。style="position:fixed;"
HTML ヘッドでメタを次のように変更します。
<meta name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, user-scalable=no"/>
これにより、Android 2.3.x の問題が解決されます。
詳細:
http://benfrain.com/easy-css-fix-fixed-positioning-android-2-2-2-3/
http://bradfrostweb.com/blog/mobile/fixed-position/
編集:
すべてのデバイスのビューポートを変更することはお勧めしません。ユーザーがズームやピンチを実行できないなど、さまざまな動作が発生する可能性があります。訪問者がジンジャーブレッド デバイスを使用しているかどうかを検出し、ユーザーがジンジャーブレッドを持っている場合はビューポートを変更する必要があります。Android のバージョンを確認するには、これを使用できます:
Detecting Android Browser (from v. 1 to 2.3 firmware) in PHP