2

iOS Web アプリのメタ情報を使用して、自分の Web サイトで問題が発生しています。ランドスケープのRetina iPadを除いて、すべてのデバイスで動作させることができました. 理解できない理由で、Retina 以外の画像を使用しているように、左下隅にスプラッシュ画像しか表示されていませんが、その理由はわかりません。縦向きで動作します。

これは私が使用しているコードです:

    <!-- Do NOT use width=device width because it will letterbox viewport on iPhone 5... thanks for making it easy Apple. -->
    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes">

    <!-- iPhone 4 Retina -->
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" href="http://www.reckless-intent.com/assets/images/ios/iphone4.jpg">
    <!-- iPhone 5 Retina -->
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="http://www.reckless-intent.com/assets/images/ios/iphone5.jpg">

    <!-- iPad Retina Portrait -->
    <link rel="apple-touch-startup-image" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="http://www.reckless-intent.com/assets/images/ios/ipadretinaport.jpg">
    <!-- iPad Retina Landscape -->
    <link rel="apple-touch-startup-image" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="http://www.reckless-intent.com/assets/images/ios/ipadretina.jpg">        

    <!-- iPad Non-Retina Portrait -->
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: portrait)" href="http://www.reckless-intent.com/assets/images/ios/ipadport.jpg">
    <!-- iPad Non-Retina Landscape -->
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: landscape)" href="http://www.reckless-intent.com/assets/images/ios/ipad.jpg">

Web サイトは www.reckless-intent.com でアクティブになっています。キャッシュと Cookie をクリアしようとしました。分離されているかどうかを確認するためにテストできる別の iPad はありません。

お時間をいただき、誠にありがとうございました。

Retina iPadのエラーイメージ

4

1 に答える 1