2010-08-16 7 views

risposta

4

Si potrebbe fare un semplice controllo per la larghezza del documento.

$(window).width(); 

è possibile impostare ad una variabile, e quindi controllare la variabile contro la risoluzione nativa del iPad: 768px x 1024px in ritratto.

+0

Questa è una buona idea, proverò a dirti come è andata! – cat

+0

Finora funziona benissimo, grazie! – cat

+0

Eccellente! Sono contento di poterti aiutare. – MoDFoX

0
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Rotation Test</title> 
    <link type="text/css" href="css/style.css" rel="stylesheet"></style> 
    <script src="js/jquery-1.5.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     window.addEventListener("resize", function() { 
      // Get screen size (inner/outerWidth, inner/outerHeight) 
      var height = $(window).height(); 
      var width = $(window).width(); 

      if(width>height) { 
       // Landscape 
       $("#mode").text("LANDSCAPE"); 
      } else { 
       // Portrait 
       $("#mode").text("PORTRAIT"); 
      } 
     }, false); 

    </script> 
</head> 
<body onorientationchange="updateOrientation();"> 
    <div id="mode">LANDSCAPE</div> 
</body> 
</html> 
0

si può provare la soluzione , compatibile con tutte le sopracciglia ER.

seguito è orientationchange compatibilità pic: compatibility pertanto, autore polyfill orientaionchange, si basa su un @media attribuiscono a fissare orientationChange utilità library-- orientationchange-fix

window.addEventListener('orientationchange', function(){ 
if(window.neworientation.current === 'portrait|landscape'){ 
    // do something…… 
} else { 
    // do something…… 
} 
}, false); 

e poi, è possibile recuperare stato attuale di orientamento window.neworientation.current e stato iniziale di orientamento window.neworientation.init.