何が起こっているのかを説明する最も簡単な方法は、それを示すことです:
キーボードが開く前: http://imageshack.us/a/img24/3285/by8h.png
歪んでいる領域の周りに赤いボックスを描きました。
キーボードが閉じた後: http://imageshack.us/a/img27/454/6nbv.png
同じ領域 (これも四角で囲まれています) を見ると、アプリの領域が歪んでいます。ズームインされているようで、ズームアウトできませんでした。
当初、キーボードが開いたときにアプリを圧縮していたために問題が発生していると考えていましたが、AndroidManifest.xml を調整して、キーボードがアプリ ウィンドウと<head>index.html ファイルのセクションのサイズを変更しないようにして、ページがズームしないようにしました。
<application>私の AndroidManifest.xmlのタグは次のとおりです。
<application android:icon="@drawable/icon" android:label="@string/app_name"
android:hardwareAccelerated="true"
android:debuggable="true">
<activity android:name="Craps" android:label="@string/app_name"
android:theme="@android:style/Theme.Black.NoTitleBar"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
android:screenOrientation="landscape"
android:windowSoftInputMode="adjustNothing">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
私はもともと を持っていましたがandroid:windowSoftInputMode="adjustPan"、それでも問題は解決しませんでした。誰かがadjustNothing代わりに使用することを提案しているのを見ました。アプリのパフォーマンスに違いが見られなかったので、そのままにしadjustNothingました。
そして、ズームを防ぐために index.html<meta>に付けたタグを次に示します。<head>
<meta name="viewport" content="user-scalable=0, width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
私が気づいたことの 1 つは、バッファー<div>がスクロールすると (これは で発生しy-overflowます)、すべてのサイズが変更され、自動的に修正されることです。ズームの影響を受ける領域を非表示/表示すると問題が解決する可能性があると考えましたが、それもうまくいきませんでした。
また、エンジンをどのように構築したかの結果として、賭けが行われる/勝つ/負けるたびにそのテーブルが空になり、再構築されるため、テーブルは常に更新/変更されますが、アプリのその領域はバッファまでズームされたままになりますスクロールします。
私の頭の中で際立っているのは、それと関係があるかどうかはわかりませんが、歪んだ領域の中央にあるものは、ページのその領域の唯一の画像です. その表の他の見出しは、FontAwesome アイコンです。それと何か関係があるのではないでしょうか？
これを引き起こしている可能性のあるもの、または可能な解決策を追跡するための助けをいただければ幸いです!
この問題の追跡に役立つ情報をさらに提供できる場合は、お気軽にお問い合わせください。
ゲームが正常に動作/プレイしていることを確認するには (実際には、タブレットの Chrome で非常にうまく動作します)、 で起動しhttp://duleone.com/craps/ているため、このズーム機能に戸惑います。