jquery - JQuery Mobile パーセンテージの高さの問題

Question

ログインページの JQuery Mobile のヘッダー要素のパーセンテージとして高さを修正しようとしています。

#login .ui-header
{
height: 62%;
}

私のテストデバイスでは、親要素の高さは 615px です。このスクリーンショットに示すように。

http://grab.by/nEKK

しかし、ヘッダーの高さは 241px しかありませんか?

どんな助けでも大歓迎です

Answer 1

高さをピクセルまたはパーセンテージで指定しますか? パディングだけが機能しているようです。高さの代わりにパディングで調整しますか?

デモを参照http://jsfiddle.net/yeyene/Rdfxs/1/

#login #my_header{
    padding: 20% 0 !important;
}

Answer 2

返信ありがとうございます。!important は問題を解決していないようです。

最後に、ページの高さを個別に設定しました...

$(function() {
$('#login').css({'height':windowHeight });
});

これは、jquery mobile が行っていたことをオーバーライドするように見え、パーセンテージが修正されました。