WAS Liberty Profile 8.5.5.1 サーバーで worklight 6.2 Consumer Edition を使用しています。jQuery Mobile 1.4.2 を使用して UI を開発しています。iPhone/iPad にアプリをインストールすると、電話のステータス バーがアプリのヘッダーの一部を隠してしまいます。
この問題を解決するにはどうすればよいですか (問題がある場合)?
WAS Liberty Profile 8.5.5.1 サーバーで worklight 6.2 Consumer Edition を使用しています。jQuery Mobile 1.4.2 を使用して UI を開発しています。iPhone/iPad にアプリをインストールすると、電話のステータス バーがアプリのヘッダーの一部を隠してしまいます。
この問題を解決するにはどうすればよいですか (問題がある場合)?
これは、Worklight Studio によって生成されたjQuery Mobileを使用するデフォルトの新しいアプリで正常に機能します。ご覧のとおり、ステータスはテキストと重なっていません。
jQuery Mobile エディションを使用した Worklight Starter を見ることもできます。これは、アプリの上部を覆うステータス バーのない iOS でも機能します。CSS を比較します。
表示されているもののスクリーン ショットを提供するだけでなく、それを経験しているサンプル アプリケーションを提供する必要があります。この問題はコードに起因します。コードを提供します。
margin-top考えられる解決策の 1 つは、アプリケーションの HTML の上部にある要素にいくつか追加することです。