2013-01-23 1 views
2

기기를 회전 한 후에 iPad에 표시 될 때 요소 사이에 간격이있는 웹 사이트가 있습니다. 페이지가 새로 고쳐지면 간격이 다시 사라집니다.iPad가 회전 한 후 웹 페이지를 다시 렌더링하게하는 방법이 있습니까?

내가 시도하고있는이 질문을 찾았지만 (클라이언트에게 다시 전달하기 전에 테스트 할 iPad가 없다.) 그렇다면 누군가가이 질문에 대한 답을 줄 수 있는지를 물어볼 것이라고 생각했다. JS를 사용하여 페이지를 회전 한 후 강제로 다시 렌더링 할 수 있습니까?

+0

을 연습하지 못했지만, : 경우 웹 사이트를 개발하고 특정 장치를 지원한다면이 장치를 테스트해야합니다. – Pavlo

답변

0

방향 변경이 감지 되었습니까?

당신은이 질문을보고 할 수 있습니다 : How do I correctly detect orientation change using javascript and Phonegap in IOS?

이 문서 :

Force DOM redraw/refresh on Chrome/Mac

:

http://www.williammalone.com/articles/html5-javascript-ios-orientation/

그럼 당신은이 질문에서 볼 수있는 다시 그리기를 강제로

모든 콘텐츠 주위에 div를 추가하십시오.

기본적으로 window.onorientationchange를 사용하여 변경 사항을 감지합니다.

그런 다음 변경 사항을 감지하면 주 div의 표시를 'none'으로 설정 한 다음 제한 시간을 사용하여 페이지를 다시 그릴 수있게 한 다음 다시 표시되도록 변경하면 다시 그립니다.

나는 이것을 시도하지 않았지만 효과가있다.

+0

James에게 감사드립니다. 그 사건과 일에 큰 호응을 얻었습니다. – TobyG

+0

It [작동] (http://stackoverflow.com/questions/7919172/what-is-the-best-method-of-re-rendering-a-web-page-on-orientation-change/31357325#31357325). –

0

나는 보드를 iOS 플랫폼에서 보여줄 때 다시 그리지 않는 페이지를 찾는다. 장치를 회전 할 때 는 그래서 난 바우의 다시 그리기를 cibleforcible,

$('.w_wrap').hide(); 
     setTimeout(function(){ 
      $('.w_wrap').show(); 
     },20); 

그것은 좋은 방법이 아닙니다, 그래서 난이 (Force DOM redraw/refresh on Chrome/Mac를) 찾을하지만 난 주제 오프

+2

이 답변은 비표준 영어로되어 있기 때문에 이해하기 어렵습니다. – JohnK