iPhone で画像やページの一部を全画面表示にするにはどうすればよいですか?
480 x 320 の画像があり、iPhone で全画面表示したいのですが、画像を前のページに戻るリンクにするために、Web ページ内にある必要があります。
現在、空白のページに画像をドロップして iPhone で開くと、左上隅に表示されます。
iPhone で画像やページの一部を全画面表示にするにはどうすればよいですか?
480 x 320 の画像があり、iPhone で全画面表示したいのですが、画像を前のページに戻るリンクにするために、Web ページ内にある必要があります。
現在、空白のページに画像をドロップして iPhone で開くと、左上隅に表示されます。
ここでNDAに違反していないことを願っていますが、ここに行きます.
Mobile Safari はデフォルトで、そのページがデスクトップ ブラウザで表示されているかのように、デフォルトの幅 980 ピクセルでページをレンダリングします。
この動作を変更するには、ビューポートを明示的に宣言する必要があります。これは、メタ タグを介して行います。幅を一定のdevice-widthに宣言すると、デフォルトで 980 ではなく 320 になり、すべてが見栄えがよくなります。
<head>
<meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
空白のページに viewport メタ タグを設定して、Safari がページを適切なサイズでレンダリングすることを認識できるようにします。詳細については、次のリンクを参照してください。
あなたをさらに助けるかもしれない素敵なリンク:
モバイル デバイス向けにウェブサイトを最適化する方法: http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/