2013-10-07 32 views
3

所以我有一個移動主題在我的WordPress的網站上工作,我想使用啓動畫面,當用戶從他們的主屏幕啓動應用程序/網站。 然而,出於某種原因,我不能得到它的工作,而且我認爲,之所以這可能主要是我正在iOS7iOS7和網絡應用程序啓動畫面麻煩

<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」插件,它唯一的工作就是全屏模式。

任何人都知道如果splashscreen事情是一個iOS7的錯誤? 如果您需要更詳細的信息,請繼續問我,我很樂意幫助您來幫助我。

在此先感謝!

+1

您是否設法解決此問題?我遇到了同樣的問題 – machinemessiah

+0

我有同樣的問題,你們兩個。 – xAlien95

+0

同樣的問題 - 網頁應用功能很好,除了不會出現的啓動畫面。 – 2013-12-02 09:54:15

回答

3

在這裏,你有解決方案:

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

防濺圖像必須有正確的分辨率:

如果沒有啓動圖像是正確的分辨率,Safari會 只顯示一個白色的屏幕。請注意,所有啓動圖像實際上都是縱向的 。風景圖像應順時針旋轉 90度。由於iPhone始終以相同的方向開始,因此沒有 iPhone的橫向啓動圖像。

的決議是:

  • iPad的視網膜畫像:1536x2008px
  • iPad的視網膜景觀:1496x2048px
  • iPad的肖像:768x1004px
  • iPad的景觀:748x1024px
  • iPhone 4" : 640x1096px
  • iPhone 3.5「retina:640x920px
  • iPhone 3.5" :320x460px

與全分辨率值的差異是由於狀態欄(20像素非視網膜〜40點爲視網膜)。

0

我實際上設法用我之前提到的WP插件的更新版本來解決它。如果失敗了,我會嘗試fcducarte的回答。

+0

你可能會發布解決你的問題的標記嗎?此外,這個啓動畫面會在iOS Safari中顯示嗎? –