window.orientation retorna valores diferentes no iOS e no Android
Estou testando meu aplicativo da Web emiPad (Navegador Safari) eSamsung Tab 2 (Navegador padrão). owindow.orientationchange retorna valores diferentes em ambos os dispositivos.
$(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);
}
Na Tab 2, o alerta lança '0' e '180' parapanorama modo e os valores '90' e '-90' pararetrato modo(apenas o comportamento oposto no iPad).
Isso é algum tipo de diferença de design no iOS e no Android? O que poderia ser uma solução comum para esse problema?