나는 멀리 떨어지도록 스크롤 한 후 장치의 가능한 너비/높이의 100 %에 불과한 사이트를 얻으려고합니다. 주소 표시 줄. 잘하면 그게 말이 되니?100 % 너비/높이의 iPhone/iPad/iOS 웹 페이지가 필요합니다.
기기를 0,0으로 스크롤하고 최대한 내 페이지를 볼 수 있도록 간단한 치수가 필요합니다. 예 : 단순히 320x400 (320 너비, 400 = 높이 - 제목 표시 줄 - 바닥 글)
이 이유는 이동하는 콘텐츠에 "뷰포트"인 페이지에 단일 DIV를 넣는 것입니다. 지도. 이 div가 사용 가능한 모든 공간을 채우기를 원합니다.
문제는 사용 가능한 창 높이를 감지하지 못하는 것입니다. 나는 항상 화면 크기를 얻는 것처럼 보입니다 - 제목 표시 줄 - 주소 표시 줄 - 선택적 디버그 바 바닥 글. "가능한 가장 큰 크기"를 어떻게 찾습니까?
이 나 자신 응답으로 시도하는 것은 : 나는 그것을 지원할 수있는 아는 것보다 크게 창을 강제하는 것이
var $div = $('<div></div>').appendTo(document.body);
$div.css({height:2000,width:2000});
setTimeout(function(){
window.scrollTo(0,1);
alert(window.innerHeight + ', ' + window.innerWidth);
}, 10);
기본적인 아이디어는, 주소 표시 줄을 제거 크기를 측정하십시오. 이제이 div를 적절하게 크기 조정할 수 있습니다.
자바 스크립트를 사용하는 경우 'innerWidth';
height:100%;와 html,body 및 position:absolute;top:0;bottom:0;left:0;right:0;로 div을 넣고 다음 뷰포트의 정확한 너비/높이를 필요 없어요의 div 이미 가능한 최대 공간을 사용합니다.
그러나 여전히 jQuery는 트릭을 수행 할 수도있는 $(element_you_want).width() 및 .height()을 감지합니다. (100 % 높이) 문서 또는 단지 몸
@ Sparky672 편집을위한 감사합니다. Stackoverflow 모바일에서 내 iPhone에 게시, 엉덩이에 통증이 있지만, 편집하기 위해 로그인했지만 이미 이미 만든 것처럼 보입니다. – RaphaelDDL
예,) 키를 누릅니다. – Sparky
실제로는 그렇지 않을 것입니다 - 창의 높이가 될 것입니다 - 주소 표시 줄의 높이. –
'scrollTo (0,0)'을 사용하면 1px를 잃지 않을 수 있다고 생각합니다. – RaphaelDDL