同一 HTML/Javascript 应用程序上的 iPhone 和 iPad 启动画面

发布于 2024-10-16 14:17:14 字数 437 浏览 3 评论 0原文

我正在为 iPhone 和 iPad 创建一个 HTML 和 javascript 应用程序。
我希望这两种设备都有一个启动屏幕,因为它们必须具有不同的尺寸。

我知道有一个链接标签“apple-touch-startup-image”,允许您指定启动屏幕图像的链接。

如果我想指定 2 个不同的链接该怎么办?我放置了 2 个带有 rel="apple-touch-startup-image" 的链接标签和 2 个不同的 URL?

如果我遵守此处的命名约定,移动设备会采用正确的名称吗? iOS 应用程序启动屏幕的尺寸是多少?

谢谢!

I am creating an application in HTML and javascript for iPhone and iPad.
I would like to have a splash screen for both devices since they must have different dimensions.

I know that there is a link tag "apple-touch-startup-image" that allows you to specify the link for the splash screen image.

What do I do if I want to specify 2 different links? I put 2 link tags with rel="apple-touch-startup-image" and 2 different URL?

Will the mobile device take the correct one if I respect the naming convention here?
What are the sizes used for the iOS application splash screen?

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

迷途知返 2024-10-23 14:17:14

刚刚弄清楚如何做到这一点,它类似于苹果触摸图标设置。

这是我的示例:

<link rel="apple-touch-startup-image" href="iPhonePortrait.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="iPadPortait.png" />

只需将“sizes”属性设置为特定的宽度和高度,移动 Safari 就应该正确匹配它。您也可以从您发布的链接中看到各种宽度/高度值。希望它有效!

Just figured out how to do this, and it's similar to the apple-touch-icon setup.

Here's my example:

<link rel="apple-touch-startup-image" href="iPhonePortrait.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="iPadPortait.png" />

Just set the "sizes" attribute to the specific width and height and mobile Safari should match it up correctly. You can see the various width/height values from the link you posted, too. Hope it works!

你在我安 2024-10-23 14:17:14

我不相信这在网络应用程序上是可能的。该问题中的命名约定不起作用,它适用于本机应用程序。

I don't believe this is possible on web apps. The naming convention in that question will not work, it is for native apps.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文