JQuery移动百分比高度问题

Question

我正在尝试在登录页面上将高度修复为JQuery Mobile中标题元素的百分比。

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

我的测试设备上父元素的高度为615px;如截图所示。

http://grab.by/nEKK

但是我的标题只有241px的高度？

非常感谢任何帮助

Answer 1

你想要像素或百分比的高度？似乎只有填充工作。用填充而不是高度调整？

见DEMO http://jsfiddle.net/yeyene/Rdfxs/1/

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

Answer 2

感谢您的回复。重要的似乎没有解决问题。

最后我将页面高度分别设置为......

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

这似乎覆盖了移动设备正在做的任何jquery，然后百分比自行修复。