私は少し問題がありますiPad Retinaディスプレイ(2048x1536)でも使用できるHD(1920x1080)Webサイトhttp://www.apple.com/uk/ipad/specs/)
幅1024のdivを作成すると、iPadで全画面表示され、1920幅のdivによってiPadがスクロールしますか?
私が完全なRetinaディスプレイを使用できず、iPadで1024x768の解像度に強制される理由を誰もが知っていますか?
回答:
回答№1は1それは意図された動作です。
ほとんどのウェブサイトはまだテキストを指定しているためサイズがピクセル(12px)の場合、Retinaスクリーンではテキストが非常に小さくなります。これを回避するために、iPad第3世代およびiPhone 4/4上のSafariは、実際の解像度が1/4であることをWebサーバーに伝えます。テキストは、Safariにより詳細にレンダリングされますが、意図したサイズも保持されます。
回避策として、サイトでメタタグ「ビューポート」を設定して、より高い解像度を可能にしてみてください。
<meta name="viewport" content="width=device-width" />
回答№2の場合は1
初期ビューポートサイズを元のサイズの半分に設定します。これにより、ハードウェアが返すサイズの2倍のキャンバスが作成されます(1024px * 2 = 2048px)。