0

これについてオンラインで数え切れないほどのスレッド、ブログ投稿、およびその他のドキュメントを読みましたが、それを機能させることができません。私はこれを研究し、さまざまなことを試すのに何時間も費やしました。

iPad2のWebアプリに表示するスプラッシュ画面の画像を取得しようとしています。iPad3の解像度についてはまだ気になりません。

これらは私が持っているタグです:

<link href="images/splash_748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" rel="apple-touch-startup_image">
<link href="images/splash_768.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" rel="apple-touch-startup-image">

splash_748.pngは748x1024です

splash_768.pngは768x1004です

ポートレートモードのスプラッシュ画面は問題なく機能します。横向きバージョンは表示されません。誰かアイデアはありますか?私はこれを行うために12以上の異なる方法を試しました。それらのどれも働いていません。

更新するたびにアプリを削除し、Safariのキャッシュをクリアしてきました。次に、Webページに戻り、ホーム画面に送信します。これは画像の変化を捉えているように見えるので、他のものをキャッシュしているとは想像できません。

4

2 に答える 2

3

あなたのコードには間違いがあります。最初の行の終わりを見てください

rel="apple-touch-startup_image"

そのはず

rel="apple-touch-startup-image"

_ は - でなければならないことに注意してください

編集:iOS Webアプリ用の私のコードは次のとおりです-ほとんどの不測の事態をカバーし、ほとんどのデバイスで動作するようですが、私を拘束しません:)

<!-- iOS Device Startup Images -->
<!-- iPhone/iPod Touch Portrait – 320 x 460 (standard resolution) -->
<link rel="apple-touch-startup-image" href="images/ios/iphone-startup-320-460.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 1)" />

<!-- iPhone/iPod Touch (high-resolution) Portrait – 640 x 920 pixels -->
<link rel="apple-touch-startup-image" href="images/ios/iphone-startup-640-920.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)" />

<!-- iPad Landscape 1024x748 -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/ios/ipad-startup-1024-748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1)" />

<!-- iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="images/ios/ipad-startup-768-1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1)"/>

<!-- iPad (high-resolution Landscape – 2048 x 1496 pixels ) -->
<link rel="apple-touch-startup-image" sizes="2048x1496" href="images/ios/ipad-startup-2048-1496.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)" />

<!-- iPad (high-resolution) Portrait – 1536 x 2008 pixels -->
<link rel="apple-touch-startup-image" sizes="1536x2008" href="images/ios/ipad-startup-1536-2008.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)" />

<!-- iOS Icons -->
<link rel="apple-touch-icon" href="images/ios/icon-57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/ios/icon-72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/ios/icon-114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/ios/icon-144.png" />
于 2012-06-28T15:17:10.353 に答える
1

これが私のやり方です:

<link rel="apple-touch-startup-image" sizes="1024x748" href="Default-Landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
于 2012-06-27T19:16:11.817 に答える