динамически изменять максимальный масштаб области просмотра от 1,0 до 1,5 с помощью JavaScript - PullRequest
Новая
       2

динамически изменять максимальный масштаб области просмотра от 1,0 до 1,5 с помощью JavaScript

1 голос
/ 09 февраля 2012

У меня проблема с ориентацией на iPhone. Я использую этот метатег в заголовке 

<meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

У меня есть скрытая левая навигация на моем сайте. Когда моя левая навигация открыта и я пытался изменить ориентацию с книжной на альбомную, а затем снова на книжную, моя левая навигация теперь частично видна. Вы можете получить доступ / посмотреть мой сайт здесь: http://apps.stratpoint.com:9114 для более четкого изображения.

Как динамически изменять максимальный масштаб области просмотра? Если моя ориентация в портретной ориентации, мой максимальный масштаб должен быть 1,0, но в альбомной ориентации он должен быть в 1,5. Как я могу добиться этого в JavaScript?

Это мой код: 

var supportsOrientationChange = "onorientationchange" in window,
    orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, function() {
    //alert('HOLY ROTATING SCREENS BATMAN:' + window.orientation + " " + screen.width);
    var orientation = window.orientation;

    if(orientation == 0) {
            $('#extViewportMeta').remove();
            $('head').append('<meta id ="extViewportMeta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.5, minimum-scale=1.0; user-scalable=0;">');
    }else {
            $('#extViewportMeta').remove();
            $('head').append('<meta id ="extViewportMeta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0, minimum-scale=1.0; user-scalable=0;">');
    }
}, false);

Проблема в вышеприведенном коде заключается в том, что я смог изменить максимальный масштаб на 1,5, но не могу вернуть его обратно к 1,0 в альбомной ориентации. T_T. Помогите кому-нибудь

...