JQuery Mobile 백분율 높이 문제

Question

로그인 페이지의 JQuery Mobile에서 높이를 헤더 요소의 백분율로 고정하려고합니다.

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

테스트 요소에서 상위 요소의 높이가 615px입니다. 이 스크린 샷과 같이. 내 헤더는 241px의 높이를 주어 그러나

http://grab.by/nEKK

?

도움이 될 것입니다.

Answer 1

픽셀 또는 백분율로 높이를 원합니까? 패딩 만 작동하는 것 같습니다. 높이 대신 패딩으로 조정 하시겠습니까?

참조 DEMO 귀하의 답변들에 대한 http://jsfiddle.net/yeyene/Rdfxs/1/

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

Answer 2

감사합니다. 중요하지 않은 부분이 문제를 해결하는 것 같습니다. 결국

은 내가

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

이

을하고 있던 어떤 JQuery와 모바일 무시 듯 비율은 자신을 고정 ... 그래서 별도로 내 페이지의 높이를 설정합니다.