ipad - iPad Web App - 无法显示横向启动画面

Question

我正在尝试将网页转换为看起来像本机应用程序。我有要显示的图标和要显示的纵向启动画面，但不会显示横向启动画面。这是我的一些元标记-

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="images/splash_tall.jpg" />
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/splash_wide.jpg" />
<link rel="apple-touch-icon" href="images/icon.png" />

图像为 768x1004（纵向）和 1024x748（纵向）。有人看到什么了吗？

Answer 1

I'm not sure if it matters, but update your images to .png and update your link references to....

<!-- iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait)" href="spash-1004.png" />
<!-- iPad Landscape 1024x748 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape)" href="spash-1024.png" />