jquery - jQuery Mobile 百分比高度问题

Question

我试图在我的登录页面上将高度固定为 JQuery Mobile 中标题元素的百分比。

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

在我的测试设备上，父元素的高度是 615px；如此屏幕截图所示。

http://grab.by/nEKK

但是我的标题只给出了 241px 的高度？

任何帮助将非常感激

Answer 1

谢谢你们的回复。!important 似乎没有解决问题。

最后我分别设置了我的页面高度......

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

这似乎覆盖了 jquery mobile 所做的任何事情，然后百分比自行修复。

Answer 2

你想要以像素为单位的高度还是百分比？似乎只有填充在起作用。用填充而不是高度调整？

见演示http://jsfiddle.net/yeyene/Rdfxs/1/

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