2010-08-16 8 views

Antwort

4

Sie könnten für die Breite des Dokuments eine einfache Prüfung tun.

$(window).width(); 

Man könnte es auf eine Variable gesetzt, und dann überprüfen Sie die Variable gegen die native Auflösung des iPad: 768px x 1024px im Portrait.

+0

Das ist eine gute Idee, ich werde es versuchen, Ihnen zu sagen, wie es gelaufen ist! – cat

+0

Das funktioniert soweit, danke! – cat

+0

Ausgezeichnet! Froh, dass ich helfen konnte. – 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

Sie die Lösung versuchen können, , kompatibel mit allen Brauen er.

Es folgt orientationchange Kompatibilität pic: compatibility ich daher Autor eine orientaionchange polyfill ist ein basierend auf @media Attribut orientationChange Dienstprogramm library-- orientationchange-fix

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

und dann zu beheben, abrufbare aktueller Orientierungsstand durch window.neworientation.current und Ausgangszustand der Orientierung durch window.neworientation.init.

Verwandte Themen