iPhone 4レチナウェブアプリ（ランドスケープ）の「apple-touch-startup-image」

Question

この質問は以前に聞かれたことはないと思います。

私が働いて、次のを持っている

<!-- 640x920 for retina display --> 
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/iphone4-portrait.jpg" /> 

私は画像が他の640x920でなければならないことを承知している、それは私はこのための景観オプションが存在しないことを知っている
に動作しないのだろうか？またはそこにありますか？

私の問題では、ランドスケープのホーム画面からWebアプリケーションを読み込むと、スプラッシュ画面の背後にあるページコンテンツ（下の風景画像の明るい緑色の領域）を見ることができます。肖像画で

誰もがこの問題を抱えていましたか、もしそうなら、あなたはどのように周りを回っていますか？

おかげ

Answer 1

あなたはiPhone上の風景の起動イメージを持つことができません。景観画像はiPadでのみ動作します。また、iPhoneで適切なサイズを使用する必要があります。そうしないと、まったく表示されません。

これは、Webアプリケーションにスプラッシュスクリーンを追加します。以下はiPadとiPhone/iPod Touchの両方に必要なサイズです。これらにはステータスバーの領域も含まれています。

アプリ風景 - 1024×748

<link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" /> 

計算された肖像 - X 1004 768

<link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" /> 

iPhone/iPod touchの肖像 - X 480 320（標準解像度）

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

iPhone/iPod Touchポートレート - 640×960ピクセル（網膜ディスプレイ高解像度）

<link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" /> 

iPad用のWebアプリケーションを作成する場合は、ランドスケープサイズとポートレートサイズの両方を使用することをお勧めします。

Answer 2

iPhone用のランドスケープ起動画面仕様はありません。これは、デバイスが横になっているときにiPhoneがホーム画面を回転させないためです。ユーザーは常に縦向きから起動します。

しかし、これが必要だと主張すれば、通常の起動画面を横向きにして、携帯電話を回す必要があることをユーザーに示唆することができます。

Answer 3

これらを動作させることは全くの悪夢です。

git hub（https://gist.github.com/472519）では、網膜は <link rel="apple-touch-startup-image" media="screen and(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="apple_launch_640x920.png" />でなければならないと誰もが正確なサイズでなければならないと言います。

このアプリの上にはキャッシュされているようです（おそらくiOS5.1ではなく、わかりません）ので、あなたがそれを正しく行ったかどうかを知る方法はありませんそれは最初の時間です。

私は本当に本当に本当に本当に本当に本当にこのデベロッパー情報にコードを載せたいと思っています（これはiPad Retinaを含む）。これは時間と時間を浪費するのではなく、時間が乱れている... :(

iPad2で以下の作品が少なくとも見つかった - iPad2の風景版は実際には回転したコンテンツの肖像画なので、横置き版（748x1024）を作成してから、90 CLOCKWISEとあなたは行くのが良いでしょう。

<!-- startup image for web apps - iPad - landscape (748x1024) 
Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).--> 
<link rel="apple-touch-startup-image" href="/apple_launch_748x1024.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" /> 

<!-- startup image for web apps - iPad - portrait (768x1004) --> 
<link rel="apple-touch-startup-image" href="/apple_launch_768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" /> 

私は知らないけれども何をするか、私はしません古いアイフォーンや網膜のipadを持って、これはどれもうまくいくかどうかはわかりません...