一行 CSS 让 iOS Safari 网页背景无缝延伸到状态栏
msg · x · 2026-10-15
Josh Puckett 分享了一个解决 iOS Safari 浏览器上下控制条破坏网页沉浸式设计的方法。
问题：theme-color meta 标签在浏览器内打开时效果不完整，且无法分别设置顶部和底部颜色。
解法：利用 Safari 会将固定元素背景延伸到浏览器控件后面的特性，在页面顶部和底部各加一条 position: fixed 的窄条（高度用 max(12px, env(safe-area-inset-top))），颜色与文档背景一致，即可让状态栏和底部工具栏与页面无缝融合，还能随滚动做动态渐变效果。
「编程与Agent」频道最新
- 用户把 Google 登录和短信 2FA 交给 AI agent，引发安全争议 — jonstephens85 · 2026-10-15
- Grok Bot 自建 Apple Desk 技能打通 Mac 原生应用，马斯克转发 — elonmusk · 2026-10-15
- Thorsten Ball:新模型指令跟随太强,编程工具的上下文管理技巧已过时 — andreisavu · 2026-10-15
- 韩国用户实测 Grok Bot:十天工作量两小时完成 — elonmusk · 2026-10-15
- PersonalAgentEval 发布:7 款个人 Agent 实测仅两家领先 — HennyJieCC · 2026-10-15
- SFTechWeek 黑客松演示：AI 语音支付 agent 加人工审批与回滚 — schwentker · 2026-10-15