iPhoneの全画面画像

質問

iPhone で画像またはページのセクションを全画面表示するにはどうすればよいですか?

480 x 320 の画像があり、それを iPhone で全画面表示したいのですが、画像を前のページへのリンクにするには、画像が Web ページ内にある必要があります。

現在、空白のページに画像をドロップして iPhone で開くと、左上隅にのみ表示されます。

解決

空白のページにビューポートメタタグを設定すると、Safari がページを適切なサイズでレンダリングできるようになります。詳細については、次のリンクを参照してください。

他のヒント

ここでNDAに違反していないことを願っていますが、これが事実です。

Mobile Safari はデフォルトで、デスクトップブラウザで表示されたかのようにページをレンダリングします (デフォルトの幅は 980 ピクセル)。

この動作を変更するには、メタタグを介してビューポートを明示的に宣言する必要があります。幅を定数で宣言した場合 デバイス幅, 、デフォルトでは 980 ではなく 320 になり、すべてが素晴らしく見えます。

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>

さらに役立つかもしれない素晴らしいリンク:

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow