我已经编写了一个基于HTML5的iOS Web应用程序,似乎都运行良好,但我正在尝试用多个启动屏幕来完善它.iPhone/iPod touch适用于320x460的PNG,如下所示:
<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />
我发现大量的文档说明iPad的启动图像应该像iPhone/iPod touch一样,从高度上剃掉20px,以适应状态栏,分辨率为768x1004(纵向)或1024x748(横向).但是,在我的测试中(目前用于运行iOS 3.2.2的iPad),只有768x1004(人像)分辨率可以工作(但是在横向模式下不正确 - 20px太窄 - ).
我尝试了以下(基于apple-touch-icon链接功能的疯狂猜测),但无济于事:
<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/startup_screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/startup_screen-768x1004.png" />
如果它是link列出的最后一个元素,则只有768x1004分辨率图像有效.如果1024x748分辨率图像是最后一个,则会呈现灰色背景(但不会是768x1004).所以,显然apple-touch-startup-image link不支持该sizes属性.
iOS的较新版本是否支持此功能？有没有办法支持多个启动图像？我应该创建1024x768启动映像吗？如果是这样,iPhone/iPod touch的缩小比例是多少？或者,我应该放弃,而不是iPad的启动图像？