html - iPad HTML5 启动画面尺寸

Question

谁能帮我获得IPAD的确切尺寸，以在横向和纵向模式下显示启动画面。

对于横向模式：

对于纵向模式：

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

但以上都行不通。谁能帮我解决这个问题。谢谢和问候， 桑托什·库马尔·帕特罗

Answer 1

对于 iPad 的第三版“新 iPad”，配备 Retina 显示屏，尺寸为 2048x1536（参见Apple 网站）。对于第一台 iPad 和 iPad 2，尺寸为 1024x768（再次参见Apple 网站）。您提到的尺寸包括顶部的 20 像素状态栏。以下是一些标准 UI 项的尺寸：

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

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

Answer 2

我试图关注所有链接，但没有一个对我有用。我遵循以下内容： 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 中的更改，它对我有用。

谢谢和问候， 桑托什·库马尔·帕特罗