Platform

apple-touch-startup-image（iOS 启动画面）

apple-touch-startup-image 是一个 link 标签，它设置 iOS 在一个主屏幕 Web 应用启动时显示的启动画面。和图标不同，它不是一个文件：iOS 想要每个设备分辨率和方向都有一张单独、尺寸精确的图像，每张都用一条媒体查询选中。它足够麻烦，以至于许多网站要么跳过它，要么用工具生成整套。

生成所有尺寸

每个设备一张图，由媒体查询选中

iOS 不会缩放一张启动图去适配。它按精确的设备像素尺寸和方向来匹配，所以每个设备都需要它自己的 apple-touch-startup-image link，带一条针对那块屏幕的媒体查询。没有一个万能的后备。

这意味着一套完整的配置是十几个甚至更多 link 标签，而这份清单会随着 Apple 推出新屏幕尺寸而变化，这就是为什么它通常是生成的、而非手写的。

整套中的一个条目

<link
  rel="apple-touch-startup-image"
  media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)"
  href="/splash/iphone-12.png"
/>

对每一个目标设备和方向各重复一次，每次都带它自己的媒体查询和尺寸精确的图像。

iOS 启动画面常见问题

apple-touch-startup-image 是什么？

一个 link 标签，它定义 iOS 在一个主屏幕 Web 应用启动、页面尚未渲染时所显示的启动画面。

我为什么需要这么多个？

iOS 用一条媒体查询把一张精确的图像匹配到每个设备的分辨率和方向，而且不会缩放一张图去适配，所以每个目标设备都需要它自己的条目。

我到底需不需要启动画面？

只有当你的网站被安装到 iOS 主屏幕、而你想要一个带品牌的启动时才需要。对一个普通网站它什么也不做，所以大多数网站会跳过它。