Cordova/PhonegapはiOSのdivの高さの値を無視します

Question

私はCordovaを使い慣れています。私は高さにdivを設定します：100％; width：100％

幅は完全に尊重されていますが、高さはiOSでは完全に無視されます。 Androidの場合、Divの高さは50％、200％などに変更してもうまく動作しますが、画面の100％を占めます。

どのように私はこれを回避することができますか？ありがとう！

Answer 1

divを含むHTMLページを作成してみてください。 divの幅を100％、divの高さを100％に設定しました。

同じことに気づくでしょう：それは高さではなく幅に対しては機能します。

私の理解では、これはHTMLページが縦方向にスクロールされますが、横方向にはスクロールされないためです。ページの高さはその内側の内容によって決まりますが、水平軸ではコンポーネントのサイズが変更されて同じページ幅に保たれます。

あなたがやっていることがHTMLのようなものなら、Javascriptでウィンドウの高さを取得し、その高さをその番号に設定してください。

Answer 2

ビューポートのサイズを使用してCSSを変更してみheight:100%;

Answer 3

とともにline-height:100%;を設定してみてください：height: 100vh; and width:100vw; vhは、画面の垂直方向の高さであるとvwの幅です。 詳細はこちらhere