Skip to main content
在 Manus 中运行任何 Skill
一键导入

mobile-fullscreen-height

星标0
分支0
更新时间2026年7月9日 17:52

移动端全屏视口高度适配。解决 iOS Safari / Android Chrome / 国内 WebView 地址栏、工具栏动态伸缩导致 100vh「超高」、底部 TabBar/按钮被遮挡、滚动跳动的问题。给两个按场景选的方案:营销/内容型用纯 CSS svh;IM/应用型用「特性检测混合渐进增强」(JS 检测 + dvh + polyfill,覆盖老设备)。当用户提到 100vh 在手机上不对 / iOS 底部按钮被遮住 / 全屏布局高度跳动 / dvh svh 怎么选 / --app-height polyfill / 移动端 app shell 全屏高度 / 移动端全屏适配时使用。

安装

用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。

文件资源管理器
5 个文件
SKILL.md
readonly