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">どこにあるかを使用することです。x

どんな助けでもいただければ幸いです。

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 に答える