safari26-liquid-glass

iOS 26 / iPadOS 26 Safari 中的“液态玻璃”（Liquid Glass）半透明状态栏与地址栏如何与网页内容交互，其背后的视口（viewport）和软键盘机制，以及在设计采用沉浸式/全屏布局、自定义抽屉/模态框、手势滑动、可主题化背景或 Canvas 绘制时需注意的问题。适用于以下场景：iPhone/iPad 网页出现黑/灰条、内容在状态栏边缘被“截断”、阴影被裁剪、顶部状态栏在粘性（sticky）或固定（fixed）头部下方变为不透明或着色、抽屉/模态框破坏布局、内部滚动区域无法滚动、软键盘收起后页面跳动，或 Canvas 模糊效果在 iOS 上无法渲染——也建议在构建任何全屏/沉浸式 iOS 网页 UI 前参考本文。

模型生成摘要（rules/v1 · 2026-11-15 05:15）：iOS 26 / iPadOS 26 Safari 中的“液态玻璃”（Liquid Glass）半透明状态栏与地址栏如何与网页内容交互，其背后的视口（viewport）和软键盘机制，以及在设计采用沉浸式/全屏布局、自定义抽屉/模态框、手势滑…
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-15 05:15	b16d18c8	可取

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本

纠错与举报（发现条目失效、署名有误或涉及侵权？）

提交举报 / 纠错

侵权举报经核验成立后，我们会即时下线该条目并删除已存的内容副本。