如何为iPad展示apple touch启动图像

如何为iPad展示apple touch启动图像,ipad,jquery-mobile,Ipad,Jquery Mobile,我使用以下代码行显示启动图像 <!-- iPad (Retina, portrait) SPLASHSCREEN--> <link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-w

我使用以下代码行显示启动图像

  <!-- iPad (Retina, portrait) SPLASHSCREEN-->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<!-- iPad (Retina, landscape) SPLASHSCREEN-->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-1496x2048.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<!-- startup image for web apps - iPad - portrait (768x1004) -->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/IM_Startup_768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" rel="apple-touch-startup-image" />
<!-- iPad (landscape) SPLASHSCREEN-->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-748x1024.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape)" rel="apple-touch-startup-image" />
<!-- iPhone (Retina) SPLASHSCREEN-->
<!-- 640x920 for retina display -->
<link rel="apple-touch-startup-image" media="screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-640x920.png" />
<!-- iPhone 3GS SPLASHSCREEN-->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/IM_startup_320x460.png" media="screen and (max-device-width: 320px)" rel="apple-touch-startup-image" />

它在iPhone和iPhone视网膜上看起来不错,但在ipad上不起作用。

设备:iPad

iOS:3.2,4.1,4.2,4.3.2

Jquery移动版:1.1.0

Jquery:1.7.1

有人能帮我解决这个问题吗


提前感谢….

我认为您的视网膜横向尺寸是向后的,应该是:2048x1496而不是1496x2048

<!-- iPad (Retina, portrait) SPLASHSCREEN-->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />

<!-- iPad (Retina, landscape) SPLASHSCREEN-->
<link href="@img_css_scpt/inreviewim_mobile/images/startup_n_icon_images/apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />

参考:

相关的: