симулятор iOs глючит, когда дело доходит до определения ориентации? - PullRequest
0 голосов
/ 08 декабря 2011

Я тестирую фрагмент кода на симуляторе ios, который вы получаете от apple (xcode). в основном я пытаюсь сбросить масштабирование, когда пользователь поворачивает Ipad, но на симуляторе это так несовместимо. Первоначально у меня был базовый код, чтобы сказать, если ориентация равна 90, сделайте это, если это -90, сделайте это и так далее, но если моя первоначальная ориентация - альбомная или портретная, это может испортить. это поведение только с симулятором IOS или же, как Ipad, у меня нет Ipad со мной, поэтому я не могу проверить

когда я сбрасываю масштабирование, я сначала удаляю содержимое метатега все вместе, затем снова добавляю к содержимому, потому что если я не сделаю этого, он вообще не будет работать

Пример кода будет, я пытался использовать ширину устройства, он просто облажался. Я не хочу использовать CSS, потому что содержимое имеет фиксированную ширину, поэтому мне просто нужно изменить масштаб. мой метод неверен? Есть ли другой проверенный подход? Я использовал оператор switch раньше, но я нахожу его намного проще. спасибо

if (orientation == 0 || orientation == 180) {
        viewport.attr("content", "");
        viewport.attr("content", "user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=990px");
    }
    else {
        viewport.attr("content", "");
        viewport.attr("content", "user-scalable=no, initial-scale=0.77, minimum-scale=0.77, maximum-scale=0.77, width=990px");
    }
}

Ответы [ 2 ]

0 голосов
/ 08 декабря 2011

Я не уверен на 100%, нужна ли ориентация в градусах, -90, 90.Если этого не произойдет, вы можете попытаться использовать ..

orientation == landscape

Это правильный медиа-запрос CSS3 http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/

0 голосов
/ 08 декабря 2011

Симулятор XCode довольно хорош, и у меня никогда не было проблем с ним, кроме того, он иногда реагирует немного медленно на изменения ориентации.

Если вы хотите проверить его с помощью JavaScript, я думаю, вам лучше попробовать сравнитьwindow.innerHeight к window.innerWidth и посмотрите, какой из них самый большой.

Некоторое время назад я создал тестовую страницу, которая использует только CSS для тестирования определенных вещей медиазапроса.ссылка: http://pm5544.eu/mp/ Обратите внимание, что когда в горизонтальной ориентации ширина и высота устройства не меняются, это (по крайней мере, для меня) немного противоречит интуиции, поэтому может случиться так, что устройства iOS иногда сообщают неожиданную информацию.

Могу я спросить, почему вы не хотите использовать CSS для этого, потому что это звучит так, как будто это очень выполнимо.

PM5544.

...