3

そのため、ワードプレス サイトでモバイル テーマを使用しており、ユーザーがホーム画面からアプリ/サイトを起動するときにスプラッシュ スクリーンを使用したいと考えています。しかし、何らかの理由で動作させることができません。これは、主に iOS7 を実行していることが原因であると考えられます。

<link rel="shortcut icon" href="/favicon.png" />

<meta name="apple-mobile-web-app-title" content="The Ixellian">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-startup-image" href="http://ixellian.be/splash/iPhone3G-01.png" media="screen and (max-device-width : 320px)">
<link rel="apple-touch-startup-image" href="http://ixellian.be//splash/iPhone4-01.png" media="(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 2)">
<link rel="apple-touch-startup-image" href="http://ixellian.be//splash/iPhone5-01.png" media="(max-device-width : 548px) and (-webkit-min-device-pixel-ratio : 2)">

このコードは、お気に入りアイコンの header.php と同じ場所にあります。そして、何がうまくいかないのか、私にはまったくわかりません。

プラグインを使用して、他の誰かのコードが機能するかどうかを確認しようとしたので、「ホーム画面 WP に追加」プラグインを試してみましたが、機能したのはフルスクリーン モードだけでした。

スプラッシュスクリーンが iOS7 のバグかどうか知っている人はいますか? より詳細な情報が必要な場合は、お気軽にお尋ねください。喜んでお手伝いさせていただきます。

前もって感謝します!

4

2 に答える 2

3

ここに解決策があります:

http://taylor.fausak.me/2013/11/01/ios-7-web-apps/

スプラッシュ画像には適切な解像度が必要です。

どの起動画像も適切な解像度でない場合、Safari は単に白い画面を表示します。すべての起動イメージは、実際には縦向きになっていることに注意してください。横長の画像は、時計回りに 90 度回転する必要があります。iPhone は常に同じ向きで起動するため、横向きの起動イメージはありません。

解決策は次のとおりです。

  • iPad Retina ポートレート: 1536x2008px
  • iPad Retina ランドスケープ: 1496x2048px
  • iPadのポートレート: 768x1004px
  • iPad 横: 748x1024px
  • iPhone 4": 640x1096px
  • iPhone 3.5" 網膜: 640x920px
  • iPhone 3.5": 320x460px

フル解像度の値との違いは、ステータス バーによるものです (非網膜の場合は 20 ピクセル、網膜の場合は 40 ピクセル)。

于 2013-12-06T19:32:06.153 に答える