5

我试过

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

但它没有用。而且苹果的界面公会还没有针对iphone5进行更新。

有人知道吗?谢谢!

4

3 回答 3

17

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

于 2012-09-18T06:24:17.263 回答
3

启动图像与信箱没有直接关系。

解决方案是将视口更改为与设备宽度或 320 不同的宽度。为什么?我不知道,这真的很奇怪,但如果你只使用下一个视口,你就不会得到信箱。

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

apple-touch-startup-image上的sizes属性被忽略了,所以如果你想提供多个,你需要使用媒体查询。

其他解决方案是在 iPhone/iPod 4" 时使用 JavaScript 更新视口。

有关解决方案和调查结果的更多信息,请访问 http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers#updatewebapps

于 2012-09-20T15:02:31.827 回答
1

对此有官方参考……(即使对于 iPhone 5)

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

于 2012-09-24T17:39:51.520 回答