Code basierend auf jQuery, um zu bestimmen, ob iPad, iPhone und Android horizontal oder vertikal screen_jquery sind

Tatsächlich wird es hauptsächlich über window.orientation implementiert. Schauen wir uns den Code unten an

Code kopieren Der Code lautet wie folgt:

Funktion orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad, iphone vertikaler Bildschirm; horizontaler Bildschirm von Andriod
$("body").attr("class", "landscape ");
orientation = 'landscape';
return false;
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad , iPhone horizontaler Bildschirm; Andriod vertikaler Bildschirm
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//Rufen Sie
$(function(){
orient();
}) auf, wenn die Seite geladen wird;//Rufen Sie
$(window).bind auf wenn der Benutzer die Bildschirmausrichtung ändert ('orientationchange', function(e){
orient();
});

Der window.orientation-Wert, der der Bildschirmausrichtung entspricht:

iPad: 90 oder -90 für Querformat-Bildschirm

iPad: 0 oder 180 für Hochformat-Bildschirm
Andriod: 0 oder 180 für Querformat-Bildschirm
Andriod: 90 oder -90 für Hochformat-Bildschirm