问题标签 [safari-minimal-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios7 - iOS 7.1 中的 safari 全屏，带有最小的 ui 元标记
我在多个网站（包括一些 stackoverflow 问题）上读到，iOS 7.1 Safari 会有一个最小的 ui 元标记。所以今天我更新了我的 iPad，它似乎没有任何效果。任何人都可以确认这应该有效吗？
这是我的元标记：
ios7 - 使用 iOS 7.1 最小用户界面从纵向切换到横向时可见灰色区域
在我正在开发的 Web 应用程序中，我尝试了 iOS 7.1 的新minimal-ui功能（请参阅iOS 7.1中的 safari fullscreen with minimum-ui meta tag），但我看到一个问题，即 84px 高的灰色区域出现在当我从纵向切换到横向时，底部。此外，document.body.scrollTop切换到横向后变为 64。
您可以使用此“Hello World”网络应用程序查看问题：http ://www.creativepulse.gr/media/blog/2014/20140123-hello-world/example.html
当我在 iOS 7.1 iPhone Retina Simulator 上的 Mobile Safari 中加载应用程序时，纵向模式下一切正常。然而，切换到横向，灰色区域立即出现。
解决此问题的好方法是什么？
safari - Safari iOS 7.1 最小用户界面和智能应用横幅
minimal-ui与智能应用程序横幅一起使用时，我似乎对 iOS 7.1 的功能有疑问。
我在页面顶部有一个空白，应用横幅覆盖了页面内容。
我已经在我的页面中关闭了所有样式，所以我知道这不是我自己的 CSS 造成的。
这是iOS错误吗？
编辑：演示：演示
和截图：
css - 在最小用户界面应用于移动 safari 的第一次加载之前评估的 CSS 视口高度
当在第一次页面加载时使用带有最小 UI 的视口高度时，使用地址栏评估高度，所以即使我设置了一个高度为 100vh 的 div，该 div 的实际高度也是视口高度减去高度地址栏。
在这个例子中，在第一次加载时，我可以看到地址栏隐藏后的紫色 div。如果我在不删除缓存的情况下重新加载页面或访问页面，红色 div 会占据视口的整个高度，而不考虑地址栏，这是我在第一次加载时所期望的行为。
任何想法为什么？
谢谢！