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

时间:2012-09-17 06:38:41

标签: 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">

但它没有用。苹果的界面指南尚未针对iphone 5进行更新。

有人知道吗?谢谢!

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)