apple-touch-startup-image 制作iphone web应用程序的启动画面
2016-11-16 10:28
656 查看
为ipad制作web应用程序的启动画面时发现个问题,只能显示竖屏图,横屏图出不来,如下:
首先页面头部里要加入(这个是APP启动画面图片,如果不设置,启动画面就是白屏,图片像素就是手机全屏的像素)
重点在下面:
两张图片必须符合宽高标准才能正常显示:
startup_portrait.png 768x1004
startup_landscape.png 748x1024
1、要注意横屏用图必须竖过来,也就是宽748高1024才能显示
2、今天又发现,在safari里选“添加到主屏幕”时要保证设备是竖放,才能在完成后成功显示启动画面。
以上在iPad 1代 4.3.1系统上实验成功。
首先页面头部里要加入(这个是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系统上实验成功。
相关文章推荐
- apple-touch-startup-image开机画面
- IOS App Icon Size 图标尺寸 LaunchImage iPhone Portrait 启动画面大小 Image资源使用
- IOS App Icon Size 图标尺寸 LaunchImage iPhone Portrait 启动画面大小 Image资源使用
- iPad apple-touch-startup-image实现portrait和landscape
- IOS App Icon Size 图标尺寸 LaunchImage iPhone Portrait 启动画面大小 Image资源使用
- IOS App Icon Size 图标尺寸 LaunchImage iPhone Portrait 启动画面大小 Image资源使用
- 四种程序启动画面的制作方法(VC)
- iPhone、iPhone4、iPad 程序启动画面的总结
- iPad iPhone程序增加和删除启动画面
- 四种程序启动画面的制作方法(VC)
- Apple iPhone和iPod Touch Foundation参数内存破坏漏洞
- [转]WinForm下Splash(启动画面)制作
- iphone--启动界面的制作
- iPhone、iPhone4、iPad 程序启动画面的总结
- 四种程序启动画面的制作方法(VC)
- HOW TO:溅射屏幕(Splash Screen),也叫程序启动画面的制作(.NET2005)
- Apple iPhone和iPod Touch 2.0版修复多个安全漏洞
- 程序启动画面的制作方法
- c#制作简单启动画面的方法
- iPad iPhone程序增加启动画面