Я тестирую свое веб-приложение наIPad (Браузер Safari) а такжеSamsung Tab 2 (Браузер по умолчанию),window.orientationchange возвращает разные значения в обоих устройствах.

$(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);
            }

Во вкладке 2 предупреждение выдает «0» а также '180' запейзаж режим и значения90' а также '-90' запортрет Режим(просто противоположное поведение в iPad).

Это какая-то разница дизайна в iOS и Android? Что может быть общим решением для этой проблемы?