Ich teste meine Webanwendung aufiPad (Safari-Browser) undSamsung Tab 2 (Standardbrowser). Daswindow.orientationchange gibt unterschiedliche Werte in beiden Geräten zurück.

$(document).ready(function() {
            window.addEventListener("orientationchange", centerLoginBox);
            window.addEventListener("load", centerLoginBox);
        });

        function centerLoginBox() {
            if (window.orientation == 90 || window.orientation == -90) { //Landscape Mode
                $('#loginbox').css('margin-top', '20%');
                alert(window.orientation);
            }
            else if (window.orientation == 0 || window.orientation == 180) { //Portrait Mode
                $('#loginbox').css('margin-top', '40%');
                alert(window.orientation);
            }

In Tab 2 wirft der Alarm '0' und '180' fürLandschaft mode und die Werte '90' und '-90' fürPorträt Modus(genau das gegenteil verhalten im ipad).

Ist das ein Unterschied im Design von iOS und Android? Was könnte eine gemeinsame Lösung für dieses Problem sein?