0

希望這個問題以前沒有問過。iPhone 4視網膜「蘋果觸摸啓動圖像」的Web應用程序(風景)

我已經得到了以下工作

<!-- 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應用程序時,您可以看到啓動屏幕後面的頁面內容(下面的橫向圖像中較淺的綠色區域),其中狀態欄是在肖像

有沒有人有這個問題,如果是這樣,你怎麼解決它。

感謝

enter image description here enter image description here

+0

您的風景啓動圖像與縱向圖像相同的尺寸?這將解釋它。 – BoltClock 2012-02-10 09:14:23

+0

是的圖像是相同的大小,但沒有景觀選項Iphone和我無法改變的大小,如果我這樣做將無法正常工作 – 2012-02-10 09:55:10

回答

1

你不能在iPhone上的風景啓動圖像。風景圖像只能在iPad上使用。此外,您必須在iPhone上使用適當的尺寸,否則它將不會顯示。

這將爲您的Web App添加一個閃屏。以下是iPad和iPhone/iPod Touch所需的尺寸,其中還包括狀態欄區域。

iPad的風景 - 1024×748

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

iPad的肖像 - 768 X 1004

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

iPhone/iPod Touch的肖像 - 320×480(標準分辨率)

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

iPhone/iPod Touch縱向 - 640 x 960像素(視網膜顯示高分辨率)

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

如果爲iPad兼容創建Web應用程序,建議使用橫向和縱向尺寸。

0

iPhone沒有風景啓動屏幕規範。這是因爲當設備橫向時iPhone不會旋轉其主屏幕 - 用戶將始終從縱向出發。

如果你堅持你需要這個,但是你可以讓你的普通啓動屏幕橫向,建議用戶他們需要打開他們的手機。

1

讓這些工作是一個完全的噩夢。

關於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),所以我們可以把它當作10分鐘的工作,而不是浪費時間和時間,小時左右...... :(

我在iPad 2上至少發現了以下作品 - 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)" /> 

怎麼辦與其餘雖然我不知道,我不知道,我不有一箇舊的iphone或視網膜ipad,這是全部如此flakey,無論它的任何作品是任何人猜測...

相關問題