2

我用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 之间的所有视口大小，应计算比例。我不知道如何实现这一目标！我对每一次帮助感到非常高兴！希望你能理解我，我来自德国！

4

1 回答 1

6

尝试这个：

 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');
 }

参考：我可以动态更改移动 safari 中的视口元标记吗？

于 2013-02-21T19:34:55.753 回答