자바 스크립트 크기 조정 이벤트 - 모바일

Question

모바일 용 웹 사이트를 만들려고합니다. 윈도우에서 "크기 조정"이벤트를 바인딩 할 때 모바일 장치가 선회 할 때 요소를 다시 정렬해야합니다 (세로 < -> 가로 방향). iPhone과 Samsung Galaxy SII에서이 이벤트는 내가 페이지를 스크롤 할 때 발생하며 좋지 않습니다.

제안 사항?

Answer 1

onOrientationChange 이벤트와 window.orientation 속성을 대신 사용하십시오.

this answer도 참조하십시오.

여기에 링크 to a test page.

Answer 2

뷰포트의 너비를 캐시하고 너비가 여전히 동일하면 크기 조정시 크기가 false를 반환합니다.

작은 jQuery를 조각 :

var cachedWidth = $(window).width(); 
    $(window).resize(function(){ 
     var newWidth = $(window).width(); 
     if(newWidth !== cachedWidth){ 
      //DO RESIZE HERE 
      cachedWidth = newWidth; 
     } 
    });