使用Javascript在iOs设备上动态重置页面比例

时间:2013-04-10 07:20:55

标签: javascript ios scale

我想在我的Javascript应用程序打开时动态重置缩放或缩放。 假设开始页面已放大,但是当我在新对话框中打开我的应用程序时,我想要缩放缩放。

我尝试动态更改适用于Android的元标记,但在iOS上失败。 还有其他技巧吗?

以下是我的功能,我尝试了一切。

function setMeta(){


  $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, user-scalable=0');
    document.body.style.zoom="100%";

document.getElementById("medView").setAttribute('content','user-scalable=no, width=device-width, minimum-scale = 1, maximum-scale = 1');

      if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
        var viewportmeta = document.querySelector('meta[name="viewport"]');
        if (viewportmeta) {
            alert("we are here");
            viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
            document.body.addEventListener('gesturestart', function () {
                viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
            }, false);
        }
    }

    }

0 个答案:

没有答案