iPad HTML5 Splash Screen尺寸

时间:2012-05-29 20:09:56

标签: html5

任何人都可以帮助我获取IPAD的确切大小,以便在横向和纵向模式下显示启动画面。

对于横向模式:  

for Portrait模式:  

我还将图像裁剪为(Landscape:sizes =“1024x748”)和(Portrait:sizes =“768x1004”)。

但上述情况并不奏效。任何人都可以帮我解决这个问题。 谢谢&问候, Santosh Kumar Patro

2 个答案:

答案 0 :(得分:1)

对于第三版iPad,“新iPad”,带有视网膜显示屏,尺寸为2048x1536(见Apple's site)。对于第一个iPad和iPad 2,尺寸为1024x768(再次参见Apple's site)。您提到的尺寸包括顶部的20px状态栏。以下是一些标准UI项目的维度:

  • 导航栏和工具栏:44像素
  • 标签栏:49像素
  • 状态栏:20像素

我希望有所帮助。如果没有,请提供有关结果的更多详细信息。

答案 1 :(得分:1)

我试图关注所有链接,但没有一个为我工作。我遵循以下内容: 1.创建尺寸图像(风景:748x1024,肖像:768x1004)。 2.实现了以下代码:

<link rel="apple-touch-startup-image" sizes="748x1024" href="@Url.Content("~/Content/images/TestImage_1-screen-748x1024.png")"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
    <link rel="apple-touch-startup-image" sizes="768x1004" href="@Url.Content("~/Content/images/TestImage_2-screen-768x1004.png")"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) " />

然后我测试了IPAD2的变化,它对我有用。

谢谢&amp;问候, Santosh Kumar Patro