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

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

时间： 2024-12-18 07:58:42

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

用VC制作应用程序启动画面

摘 要:本文提供了四种启动画面制作方法. 使用启动画面一是可以减少等待程序加载过程中的枯燥感(尤其是一些大型程序):二是 可以用来显示软件名称和版权等提示信息.怎样使用VC++制作应用程序的启动画面呢?本文提供四种方法.前三种适用于基于文档的应用程序,第四种适用于基于对话框的应用程 序. 1.利用组件库中的Splash Screen组件实现 (1)用Photoshop等制作启动画面图像,保存为bmp格式. (2)用Appwizard建一个基于单文档的工程Splash. (3)在资源中插入位图资源

用 Sencha Touch 构建移动 web 应用程序

Sencha Touch 是一个使用 HTML5.CSS3 和 JavaScript 语言构建的移动 web 应用程序框架,在本文中,学习如何应用您当前的 web 开发技能进行移动 web 开发.下载和建立 Sencha Touch,通过一个样例应用程序探究基本原理.学习开始使用 Sencha Touch 框架所需的一切 2012 年 3 月 19 日 内容 概述 Sencha Touch 准备开始 UI components 结束语 参考资料 评论 概述 在软件开发领域中,有两个重要的趋势越来

10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展.市场潜力巨大.继计算机.互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术.新应用不断涌现.今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch Framework Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以

最好的10个移动 Web 应用程序开发框架

在最近几年里,移动互联网高速发展.市场潜力巨大.继计算机.互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术.新应用不断涌现.今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch Framework Sencha Touch 是世界上第一个基于HTML5的移动Web开发框架,支持最新的HTML5和CSS3标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行

构建 iOS 风格移动 Web 应用程序的8款开发框架

使用 HTML5,CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式.这里收录了几款 iOS 风格的手机应用程序开发框架,帮助您使用擅长的 Web 技术来开发移动应用程序.这些工具大多都基于 HTML & CSS,而另一些则可能需要使用 JavaScript 库. Chocolate Chip UI ChocolateChip-UI 是一个移动 Web 开发框架,使用 HTML5,CSS 和 JavaScript.功能强大,使用简单!支持 iOS7 风格的外观和体验.

10大移动Web应用程序开发框架推荐

十大移动 Web 应用程序开发框架推荐 在最近几年里,移动互联网高速发展.市场潜力巨大.继计算机.互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术.新应用不断涌现.今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch Framework Sencha Touch 是世界上第一个基于HTML5的移动Web开发框架,支持最新的HTML5和CSS3标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的

[Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置

Phonegap/Cordova项目中的config.xml文件,里面配置了下面的内容: <icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" /> <icon gap:platform="android" gap:qualifier="mdpi" src=&quo

使用 HTML 5 开启移动 Web 应用程序的本地存储

HTML 5 中一个最有用的新特性是本地存储的标准化.最终,Web 开发人员可以不再试图将所有客户端数据都填塞到 4 KB 的 Cookies 中.现在您可以利用一个简单的 API 将大量数据存储在客户机上.这是一个完美的缓存机制,可以大大提高应用程序的速度 —— 速度对于移动 Web 应用程序是一个至关重要的因素,因为它们相对于桌面应用程序来说,依赖的是慢得多的连接.在这个关于 HTML 5 的系列的第二篇文章中,将了解如何使用本地存储,如何调试它,以及使用它来改善 Web 应用程序的各种方式

用 HTML 5 构建 Web 应用程序

简介基于 HTML 5 已经涌现出了很多新的特性和标准.一旦您发现了当今浏览器中的一些可用的特性,就可以在您的[color=#444444 !important]应用程序中充分利用这些特性.在本文中,通过开发一些示例应用程序来了解如何探寻和使用最新的 Web 技术.本文的绝大多数代码都是 HTML.JavaScript 和 CSS — Web 开发人员的核心技术.立即开始为了能跟随我们的示例进行学习,最重要的一件事情是要有多个浏览器供测试使用.建议使用 Mozilla Firefox.Apple