2

phonegapでアプリを作りました。異なるビューポートサイズのすべてのパラメータを変更する必要があったため、メディアクエリを使用したくありませんでした。私の考えは、HTMLドキュメントの最初のスケールをjavascriptで変更するだけだということでした。私はここに示すような関数で初期スケールを変更できることを知っています：

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

参照：モバイルサファリのビューポートメタタグをその場で変更できますか？

于 2013-02-21T19:34:55.753 に答える