如何为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

我之前链接的博客文章([iPhone 5 Web App Startup Image](http://taylor.fausak.me/2012/09/20/iphone-5-web-app-startup-image/))解释了媒体查询为了后代:`(设备宽度:320px)和(设备高度:568px)和(-webkit-device-pixel-ratio:2)`. (2认同)