3

私のモバイルサイトでは、ビューポートメタタグを次のように設定しています。

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

ブラウザ(任意のブラウザ、任意のデバイス)でページのソースを見ると、「content」パラメータが次のように変更されていることがわかります。

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes,maximum-scale=1, user-scalable=no"/>

'content'の追加パラメータに注意してください。JQMは、実行時に「maximum-scale = 1、user-scalable=no」の値に取り組んでいるようです。JQMにこの煩わしさを止めさせる方法を知っている人はいますか?その効果は、サイトをピンチ/ズームすることがまったくできないということです。

更新:jQueryフォーラムの投稿で、次のコードのバリエーションを見つけました。これは、基本的に、ビューポートの「content」パラメーターを本来あるべき状態にリセットします。

<script>
var fixedPageMeta = "width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes";
jQuery('[data-role=page]').live('pagebeforeshow', function () {
    jQuery('#viewportMeta').attr("content", fixedPageMeta); 
});
</script>

ページのソースで「content」パラメータが正しいことがわかりますが、それでもピンチ/ズームすることはできません。誰か提案がありますか?

4

0 に答える 0