minimal-ui 是 ios 7.1 专有且自 ios 8 起被彻底移除的 viewport 值，现代所有主流浏览器（包括 safari 15+、chrome for ios）均不识别，写入后会被完全忽略。
minimal-ui 在现代 viewport 中已不被支持
直接说结论：minimal-ui 是 iOS 7.1 专有、且自 iOS 8 起就被彻底移除的 viewport 值，任何当前主流浏览器（包括 Safari 15+、Chrome for iOS）都不会识别它。如果你在 <meta name="viewport"> 里写了 minimal-ui，它会被完全忽略，既不报错，也不生效。
为什么曾经有人用 minimal-ui
它原本只在 iOS 7.1 的 Safari 中起作用，作用是隐藏地址栏和底部工具栏（仅保留顶部状态栏），让网页更接近“类原生”全屏体验。但它带来严重副作用：
- 用户无法手动唤出地址栏，导致分享、刷新、返回等操作极难完成
- 页面滚动时 UI 会意外闪现或卡顿
- 与
standalone模式冲突，常导致两次全屏行为错乱 - 没有 Android 或桌面端对应实现，纯 iOS 历史包袱
现在该用什么替代 minimal-ui
根据你的真实目标选择对应方案，别再硬套 minimal-ui：
- 想让 PWA 安装后以「无浏览器 UI」运行 → 在 Web App Manifest 中设
"display": "standalone"或"display": "fullscreen"，并确保<meta name="viewport">至少包含width=device-width, initial-scale=1 - 想在 Safari 中临时隐藏地址栏（仅限普通网页）→ 不可控，靠系统自动判断：页面高度 > 100vh + 平滑滚动 + 无固定底部栏，Safari 可能收起地址栏；但这是启发式行为，不能保证，也不能用
minimal-ui触发 - 需要真正沉浸式体验（如游戏、演示页）→ 用
document.documentElement.requestFullscreen()，配合 CSS:fullscreen样式，这是标准、跨浏览器的方案
一个典型但安全的 viewport 配置示例
多数响应式项目只需这个：
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
其中：
-
width=device-width是基础，必须有 -
initial-scale=1防止双击缩放失灵 -
viewport-fit=cover仅对 iPhone X+ 有效，让内容延伸到刘海/圆角区域（需配合env(safe-area-inset-*)使用） - 不要加
minimal-ui、shrink-to-fit=no（iOS 已废弃）、user-scalable=no（损害可访问性）
真要兼容老设备？iOS 7.1 已经退出 Apple 官方支持近十年，连统计占比都趋近于零。把精力放在适配 iOS 16+ 的安全区、Android Chrome 的滚动行为、以及屏幕旋转时的 viewport 重置上，更实际。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
