window.orientation 在 iOS 和 Android 中返回不同的值

我正在测试我的网络应用程序iPad （Safari 浏览器） and 三星 Tab 2 （默认浏览器）. The 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”portrait mode(iPad 中的行为正好相反).

这是 iOS 和 Android 中的某种设计差异吗？这个问题的通用解决方案是什么？

好吧，这就是我所做的。我查询了用户代理信息并检查了设备是否基于 Android。如果是这样，请更改条件窗口方向适用于纵向和横向模式。

CODE

function centerLoginBox() {
        var ua = navigator.userAgent.toLowerCase();
        var isAndroid = ua.indexOf("android") > -1; // Detect Android devices
        if (isAndroid) {
            //window.orientation is different for iOS and Android
            if (window.orientation == 0 || window.orientation == 180) { //Landscape Mode
                $('#loginbox').css('margin-top', '20%');
            }
            else if (window.orientation == 90 || window.orientation == -90) { //Portrait Mode
                $('#loginbox').css('margin-top', '40%');
            }
        }
        else {
            if (window.orientation == 90 || window.orientation == -90) { //Landscape Mode
                $('#loginbox').css('margin-top', '20%');
            }
            else if (window.orientation == 0 || window.orientation == 180) { //Portrait Mode
                $('#loginbox').css('margin-top', '40%');
            }
        }
    }