Zdarzenie zmiany rozmiaru tekstu javascript na przewijanie - telefon komórkowy

Question

Próbuję utworzyć witrynę mobilną. Mam zdarzenie "zmiana rozmiaru" powiązane z oknem, które powinno zmienić układ elementów podczas obracania urządzenia mobilnego (portret < -> krajobraz). Na iPhonie i Samsung Galaxy SII wydarzenie jest wyzwalane, gdy przewijam stronę, a to nie jest dobre.

Wszelkie sugestie?

Answer 1

Zamiast tego należy użyć zdarzenia onOrientationChange i window.orientation.

Zobacz także this answer.

Tutaj link to a test page.

Answer 2

Cache szerokość rzutni i zmiana rozmiaru powrót false, jeśli szerokość jest nadal taka sama.

mały urywek jQuery:

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