如何为iphone5设置apple-touch-startup-image?

Ope*_*ead 5 iphone web-applications iphone-5

我试过了

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

但它没有用.苹果的界面guildline尚未针对iphone5进行更新.

有人知道吗?谢谢!

Ope*_*ead 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">
Run Code Online (Sandbox Code Playgroud)

2.准备尺寸为640*1096的图像,保存为"Images/Default-568h @ 2x",将此代码添加到页面的标题中:

<link href="Images/Default-568h@2x.png" rel="apple-touch-startup-image" sizes="640x1096">
Run Code Online (Sandbox Code Playgroud)

这是一个演示,它与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认同)