0

に次の<meta>タグがあります<head>。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, minimum-scale=1, user-scalable=1">

これは問題なく動作しますが、iPad (および、できれば特定の画面幅範囲内のすべてのデバイス) に対してわずかに異なる既定のズーム レベルを使用したい場合を除いて、次のようになります。

<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=2, minimum-scale=0.9, user-scalable=1">

これはサーバー側のユーザーエージェント検出なしで可能ですか? できればjavascriptを使用してください。navigator.plattform弦に合わせて変えてみたのですが、一度initial-scaleセットしてから変えるとうまく弾けません。

4

1 に答える 1

1

これに自分で答えて申し訳ありませんが、次を使用する方法を見つけましたdocument.write：

(function( zoom ){
    document.write('\x3Cmeta name="viewport" content="'+
                   'width=device-width,'+
                   'initial-scale='+zoom+','+
                   'maximum-scale=2,'+
                   'minimum-scale='+zoom+','+
                   'user-scalable=1">');
}( /ipad/i.test(navigator.platform)?'0.9':'1') )
于 2012-12-05T11:57:29.537 に答える