HTML5 tabanlı bir iOS web uygulaması yazdım ve her şey iyi çalışıyor gibi görünüyor, ama birden fazla başlangıç ekranları ile Polonya çalışıyorum. İPhone/iPod touch iyi w/aşağıdaki gibi 320x460, bir PNG çalışır

<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />

Buldum bir sürü belgelerine diyor başlangıç görüntüler için iPad gerektiği gibi iPhone/iPod touch, 20 piksel traş yerden yüksekliği karşılamak için durum çubuğunda veren kararlar 768x1004 (dikey) veya 1024x748 (yatay). Ancak, benim test (şu anda w/iPad iOS 3.2.2), (portre) sadece 768x1004 çözünürlüğü çalışır (ama yanlış—20 piksel yatay modda dar zaman da).

Aşağıdaki (tahmin apple-touch-icon linkler işlevselliğini dayalı), boşuna çalıştım:

<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/startup_screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/startup_screen-768x1004.png" />

Sadece 768x1004 çözünürlüklü görüntü link son eleman listelenen çalışıyor. Eğer 1024x748 çözünürlüklü görüntüye son, gri bir arka plan onun yerine (ama asla 768x1004) işlenir. Yani demem o kiapple-touch-startup-image link sizes özniteliği desteklemiyor.

Bu iOS yeni sürümleri desteklenir? Birden çok görüntü desteği başlangıç için herhangi bir yolu var mı? 1024 x 768 başlangıç bir görüntü oluşturmak gerekir? Eğer öyleyse,/iPod touch iPhone için küçülttüm olacak? Ya, PES ve iPad için bir başlangıç görüntü yok edeyim mi?

kesin çözüm içinbaşlangıç-görüntüvedokunmatik simgeleriPad ve iPhone (manzara || dikey) ve (retina || değil):

        <!-- iPhone ICON -->
        <link href="apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon">
        <!-- iPad ICON-->
        <link href="apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
        <!-- iPhone (Retina) ICON-->
        <link href="apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
        <!-- iPad (Retina) ICON-->
        <link href="apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">

        <!-- iPhone SPLASHSCREEN-->
        <link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
        <!-- iPhone (Retina) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iPad (portrait) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image">
        <!-- iPad (landscape) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image">
        <!-- iPad (Retina, portrait) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iPad (Retina, landscape) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">