iPad HTML5初始屏幕尺寸

Question

任何人都可以帮助我获得IPAD的精确尺寸，以在横向和纵向模式下显示初始屏幕。

对于横向模式：

为人像模式：

我还裁剪图像，以（横向：尺寸= “1024x748”）和（纵向：尺寸= “768x1004”）。

但上述不起作用。任何人都可以帮我解决这个问题。 感谢&问候， 桑托什库马尔Patro

Answer 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的变化，它为我工作。

谢谢& Regards， Santosh Kumar Patro

Answer 2

对于第三版本的iPad，“新的iPad”的，与视网膜显示，尺寸为2048×1536（参见Apple's site）。对于第一款iPad和iPad 2，尺寸为1024x768（同样请参阅Apple's site）。您提到的尺寸包括顶部的20px状态栏。下面是一些标准的UI项尺寸：20个像素

我希望帮助：

• 导航栏和工具栏：44个像素
• 标签栏：
• 状态栏49个像素。如果不是，请提供有关您的结果的更多细节。