您的位置:首页 > 移动开发

apple-touch-startup-image 制作iphone web应用程序的启动画面

2016-11-16 10:28 656 查看
为ipad制作web应用程序的启动画面时发现个问题,只能显示竖屏图,横屏图出不来,如下:

首先页面头部里要加入(这个是APP启动画面图片,如果不设置,启动画面就是白屏,图片像素就是手机全屏的像素)

<link rel="apple-touch-startup-image" media="screen and (orientation: portrait)" href="/apple_startup.png">
<link rel="apple-touch-startup-image" media="screen and (orientation: landscape)" href="/apple_startup1.png">


重点在下面:

两张图片必须符合宽高标准才能正常显示:

startup_portrait.png 768x1004

startup_landscape.png 748x1024

1、要注意横屏用图必须竖过来,也就是宽748高1024才能显示

2、今天又发现,在safari里选“添加到主屏幕”时要保证设备是竖放,才能在完成后成功显示启动画面。

以上在iPad 1代 4.3.1系统上实验成功。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: