目录 / safe-area-handling
SKILL
未评级
已上架
safe-area-handling
修复 Capacitor 应用中刘海屏、动态岛、主页指示器、屏幕缺口和系统栏重叠问题。涵盖 `viewport-fit=cover` + `env(safe-area-inset-*)`,Capacitor 8 SystemBars 核心插件(`insetsHandling`,为 Android WebView < 140 注入 `--safe-area-inset-*` CSS 变量,移除 `android.adjustMarginsForEdgeToEdge`),Android 15/16 强制全屏显示(在 targetSdk 36 下 @capacitor/status-bar 的 `overlaysWebView` 和 `backgroundColor` 不再生效),iOS 的 `contentInset`,以及旋转、iPad/可折叠设备窗口大小调整时动态变化的边距。适用于以下场景:标题位于状态栏下方、标签栏隐藏在手势栏后方、Android 上 `env()` 返回 0,或升级到 Capacitor 8 / targetSdk 35+ 后布局异常。不适用于键盘重叠(capacitor-keyboard)、Ionic/Konsta 组件主题设置(ionic-design, konsta-ui)、Tailwind 工具类配置(tailwind-capacitor),或 iOS 多窗口/可调整大小适配(capacitor-ios-resizability)。
模型生成摘要(rules/v1 · 2026-11-13 00:46):修复 Capacitor 应用中刘海屏、动态岛、主页指示器、屏幕缺口和系统栏重叠问题
这是模型对公开材料的总结,不是官方声明,请以原链内容为准。
这是模型对公开材料的总结,不是官方声明,请以原链内容为准。
存档时间线
| 版本 | 存档时间 | 内容哈希 | 内容 |
|---|---|---|---|
| v1 | 2026-11-13 00:45 | 4c87caf7 | 可取 |
版本索引永久保留;内容副本只保留最新 1 份,更早版本仅留索引与哈希(存档时间线的证据链不会因此断裂)。
纠错与举报(发现条目失效、署名有误或涉及侵权?)
提交举报 / 纠错
侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。