我正在开发单页网页应用。 Web应用程序包含一个周围的框架(主要是标题和非画布菜单)和一个可滚动的内容区域,这是一个嵌套在更深层次的html层次结构中的视口。
由于可滚动区域是整个页面的嵌套oart,因此主网页本身停留在固定位置并且不滚动。 显然这阻碍了我使用
<meta name="apple-mobile-web-app-capable" content="yes">
将Safari设置为全屏模式。
有没有其他方法可以隐藏AddressBar(和NavigationBar)?
提前致谢, 的Sascha。
答案 0 :(得分:0)
在iOS 7.1中,有一个新的元视口选项minimal-ui
将隐藏地址栏和导航栏:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
您可以在iOS 7.1设备上查看此链接,它将在没有地址栏和导航栏的情况下打开:http://www.initlabs.com/sample/ios7mobileweb.html
以下是有关iOS和全屏模式的详细信息:http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7