0

我正在使用 phonegap 开发适用于 android 平板电脑的应用程序。我正在转换现有网页，所以我宁愿不更改 css 或 html。我正在使用银河选项卡（android 2.2）进行测试

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

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

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

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

任何帮助，将不胜感激。

4

1 回答 1

2

这对我有用：

<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>
于 2012-06-11T12:32:16.437 回答