我试过
<link href="Images/Default-568h@2x.png" sizes="640x1136" media="(device-width: 640px) and (device-height: 1136px)" rel="apple-touch-startup-image">
但它没有用。而且苹果的界面公会还没有针对iphone5进行更新。
有人知道吗?谢谢!
我试过
<link href="Images/Default-568h@2x.png" sizes="640x1136" media="(device-width: 640px) and (device-height: 1136px)" rel="apple-touch-startup-image">
但它没有用。而且苹果的界面公会还没有针对iphone5进行更新。
有人知道吗?谢谢!
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
启动图像与信箱没有直接关系。
解决方案是将视口更改为与设备宽度或 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
对此有官方参考……(即使对于 iPhone 5)