iPad apple-touch-startup-image实现portrait和landscape

iPad apple-touch-startup-image实现portrait和landscape,第1张

概述20110406修正 为ipad制作web应用程序的启动画面时发现个问题,只能显示竖屏图,横屏图出不来,网上的朋友都说无法解决,做了无数次尝试,终于成功,如下: 首先页面头部里要加入 <link rel="apple-touch-startup-image" media="screen and (orientation: portrait)" href="/apple_startup.png">

20110406修正

为ipad制作web应用程序的启动画面时发现个问题,只能显示竖屏图,横屏图出不来,网上的朋友都说无法解决,做了无数次尝试,终于成功,如下:

首先页面头部里要加入

<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系统上实验成功。

总结

以上是内存溢出为你收集整理的iPad apple-touch-startup-image实现portrait和landscape全部内容,希望文章能够帮你解决iPad apple-touch-startup-image实现portrait和landscape所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/1089871.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存