window.orientation возвращает разные значения в iOS и Android
Я тестирую свое веб-приложение на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? Что может быть общим решением для этой проблемы?