1

ビューポートを次の場所から変更したい：

<meta name="viewport" content="user-scalable=no">

に：

<meta name="viewport" content="width=device-width, initial-scale=1">

デバイスの画面に基づきます。最初の例はiPadに最適ですが、iPhoneにはレスポンシブスタイルシートがあります。

この質問から変更したこのスニペットを試しました。デバイスの解像度に基づいてビューポートを変更する

// Check for iPhone screen size
if($.mobile.media("screen and (min-width: 320px)")) {
    // Change viewport for smaller devices
    $('meta[name=viewport]').attr('content','width=device-width, initial-scale=1');
}
4

1 に答える 1

6

私はそれを考え出した。問題は私のメディアクエリにありました。min-widthやmax-widthではなく、max-device-widthにする必要があります。

// Check for device screen size
if($.mobile.media("screen and (max-device-width: 480px)")) {
    // Change viewport for smaller devices
    $('meta[name=viewport]').attr('content','width=device-width, initial-scale=1');
}
于 2013-03-04T03:47:46.667 に答える