jQuery MobileでiOSアプリをビルドしたときのフッターの位置が正しくない

Question

PhoneGapとjQuery Mobileを使用してアプリケーションを開発しています。

フッターの位置に問題があります。 iPhoneの場合、iPhoneのステータスバーは考慮されておらず、HTML全体のためのスペースが増えていると「思考」するように見えます。

一言で言えば、フッターのサイズが20px（ステータスバーの高さは20px）です。私のコンピュータ上の

<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar" class="main-tab-bar"> 
     <ul><li ...><li ...><li ...><li ...></ul> 
    </div> 
</div> 

それはよさそうだが、私は（iphoneアプリとして）の携帯電話にそれを置くとき、それは見当違いです。

私に正しい方向を示すヒントがありがとうございます。

Answer 1

あなたはページ要素を対象とし、ユーザーはすべてのコンテンツを見るためにスクロールすることができるように底にいくらかのマージンを追加するためにCSSルールを設定することができます。

.ui-page { 
    margin-bottom : 20px; 
} 

ます。また、使用してdata-role="content要素をターゲットにすることができますui-contentクラス。

これはうんざりです。 AppleがSafari MobileのUIを考慮しなかったことは驚くべきことです。これは、Web開発者が余裕を持って取り組む必要があることを意味します。