1

次のコード行を使用して、start_up イメージを表示しています

  <!-- 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 Retina では問題ないように見えますが、iPad では機能しません。

デバイス: iPad

iOS: 3.2、4.1、4.2、4.3.2

Jquery モバイル バージョン: 1.1.0

Jクエリ: 1.7.1

この問題について誰か助けてもらえますか?

前もって感謝します.....

4

1 に答える 1

0

Retina ランドスケープの寸法が逆になっていると思います。1496x2048 ではなく 2048x1496 にする必要があります

<!-- 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" />

参照:

関連している:

于 2012-06-13T11:16:45.283 に答える