如何為iphone5設置apple-touch-startup-image？

Question

我試過了

<link href="Images/Default-568h@2x.png" sizes="640x1136" media="(device-width: 640px) and (device-height: 1136px)" rel="apple-touch-startup-image">

但它沒有用。 蘋果的界面guildline尚未針對iphone5進行更新。

有人知道嗎？謝謝！

Answer 1

1.不要在視口中使用“width = device-width”，請使用以下代碼：

<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">

2.准備尺寸為640 * 1096的圖像，保存為“Images / Default-568h @ 2x”，將此代碼添加到頁面的標題中：

<link href="Images/Default-568h@2x.png" rel="apple-touch-startup-image" sizes="640x1096">

這是一個演示，它與iPhone5兼容： https ： //github.com/openfibers/php-tot

Answer 2

啟動圖像與letterboxing沒有直接關系。

解決方案是將視口更改為與設備寬度或320不同的寬度。為什么？ 我不知道，這真的很奇怪，但如果你只是使用下一個視口，你就不會得到信箱。

<meta name="viewport" content="width=320.1">

apple-touch-startup-image上的sizes屬性被忽略，因此如果您想提供多個，則需要使用媒體查詢。

其他解決方案是只使用JavaScript更新視口，當它是iPhone / iPod 4時。

有關解決方案和調查結果的更多信息， 請訪問http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers#updatewebapps

Answer 3

有一個官方參考...（即使對於iPhone 5）

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html