Question

我正在使用phonegap为Android平板电脑开发应用程序。我正在转换现有的网页，所以我宁愿不更改css或html。我正在测试使用galaxy tab（android 2.2）

我想将可见宽度设置为800px，并禁止用户放大/缩小。

如果我使用<meta name="viewport" content="width=800px>，则宽度设置正确，但用户仍可以缩放页面。

如果我使用<meta name="viewport" content="width=800px, user-scalable=no">，则用户无法缩放页面，但宽度会更小（即页面被放大，用户必须滚动才能查看页面）< / p>

我能想到的另一件事是使用<meta name="viewport" content="minimum-scale=x, maximum-scale=x"> x是一些我不知道如何找到的神奇数字。

任何帮助都将不胜感激。

Answer 1

这对我有用：

<script>
    $(document).ready(function(){
        var vpScale = window.outerWidth/800/window.devicePixelRatio;
        var metas = document.getElementsByTagName('meta');
        var i;
        for (i=0; i< metas.length; i++) {
            if (metas[i].name == "viewport") {
                metas[i].content = "minimum-scale=" + vpScale + ", maximum-scale=" + vpScale;
            }
        }
    });
</script>

在Android平板电脑上为app设置不可扩展的宽度

1 个答案: