Question

我用phonegap制作了一个应用程序。我没有想要使用媒体查询，因为我必须更改不同视口大小的所有参数。我的想法是我只用javascript更改html文档的初始比例。我知道我可以用我在这里显示的函数来改变初始比例：

 if (document.documentElement.clientWidth < 480) {
        document
            .querySelector("meta[name=viewport]")
            .setAttribute('content', 'initial-scale=0.4', 'maximum-scale=0.4', 'width=768');
    };

但我希望初始比例是视口0的320像素宽度，换句话说是100％。并且在视口宽度为720（Galaxy S3）时为110％，或者换言之，初始比例为0.1。对于javascript之间的所有视口大小应该计算比例。我不知道如何实现这个目标！我很高兴每一个帮助！希望你能理解我，我来自德国！

Answer 1

试试这个：

 if (document.documentElement.clientWidth < 480) { 
    document.querySelector("meta[name=viewport]").setAttribute(
          'content', 
          'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0');
 }

参考：Can I change the viewport meta tag in mobile safari on the fly?

使用javascript更改初始比例

1 个答案: