苹果设备不支持用html设置启动图，因launch screen是ios原生机制，由info.plist驱动且脱离web渲染流程；网页无权限干预该阶段，safari白屏不可控；pwa的apple-touch-startup-image在ios 16.4已移除，唯一可靠方案是开发原生app并使用launchscreen.storyboard。
苹果设备不支持用 HTML 代码设置启动图（Launch Image）——这是原生 iOS 应用的专属机制，HTML 页面运行在 Safari 或 WebView 中，无法控制 App 启动时的原生启动画面。
为什么不能用 HTML 设置启动全屏图
启动图（Launch Screen）是 iOS 系统在 App 进程启动、主界面渲染完成前显示的静态资源，由 Info.plist 中的 UILaunchStoryboardName 或 LSApplicationLaunchImage 驱动，完全脱离 Web 渲染流程。HTML 页面本身没有权限、也没有入口点去干预这个阶段。
- 用户访问的是网页（
https://xxx.com），不是安装的 iOS App，根本不存在“启动图”概念 - Safari 打开网页时的白屏/灰屏，是浏览器自身加载策略，不可通过页面 HTML/CSS 控制
-
<meta name="apple-mobile-web-app-capable" content="yes">只影响“添加到主屏幕”后的 PWA 启动行为，且仅支持launch_screen.png（iOS 16.4+ 已弃用），不支持全尺寸适配或 Storyboard
iOS PWA 的 launch image 限制（仅限“添加到主屏幕”场景）
如果你的目标是让用户将网页“添加到主屏幕”后获得类 App 启动体验，目前唯一可行路径是配置 Web App Manifest + 固定尺寸图标，但注意：
- iOS 不读取
manifest.json中的launch_image字段（该字段非标准，Safari 忽略） - 旧版（iOS 11–15）曾支持通过
<link rel="apple-touch-startup-image">指定 PNG，但必须严格匹配设备分辨率，且仅限以下尺寸：2048x2732（iPad Pro 12.9"）、1668x2224（iPad Pro 11"）、1536x2048（iPad Air/Pro 10.5"）等 - iOS 16.4 起，
apple-touch-startup-image已被 Safari 完全移除，任何 HTML 声明均无效 - 即使指定成功，它也只在“全屏模式”（
apple-mobile-web-app-capable=yes）下生效，且无法动态适配刘海屏、动态岛等新形态
真正能控制启动图的唯一方式：开发原生 iOS App
如果必须实现精准、可靠、全设备覆盖的启动全屏图，你只能走原生路径：
- 使用
LaunchScreen.storyboard：在 Xcode 中创建 LaunchScreen，用 Auto Layout 约束 ImageView，确保图片拉伸/居中逻辑正确；避免直接设固定 frame - 禁用
Info.plist中的UILaunchImages（已废弃），改用UILaunchStoryboardName=LaunchScreen - 若需图片精确填充，务必在 ImageView 上设置
contentMode = ScaleAspectFill并勾选ClipsToBounds，否则 iPhone 14 Pro 动态岛区域会留黑边 - 不要依赖
AppDelegate中手动创建window来“修复白屏”——那是旧项目迁移遗漏导致的错误，现代 iOS 项目应使用 SceneDelegate 和UISceneSession
Web 场景下所谓“启动全屏图”，本质是视觉过渡优化：用内联 CSS 背景 + 低体积 SVG 占位，配合快速首屏渲染，把白屏时间压到 300ms 内。真要和原生体验对齐，绕不开 App Store 分发和 Xcode 构建链。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
