iphone - 如何在 iPhone 中隐藏 Safari Mobile 浏览器底部按钮栏?

标签 iphone html css mobile-safari

以下是头部部分:

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    <link rel="apple-touch-startup-image" href="/startup.png">

    <script src="http://www.google.com/jsapi"></script>

    <script>
      window.top.scrollTo(0, 1);
      alert('ok');
      google.load("jquery", "1.4.1");
      google.load("jqueryui", "1.8.0");
    </script>

</head>

使用 iOS 4.2.1

以上对我不起作用。浏览器地址栏和底部工具栏仍然存在。我尝试了一些教程,但我无法更改任何内容。有什么想法吗?

最佳答案

对于 iOS 7.1,您可以在标题中进行设置以最小化 UI:

<meta name="viewport" content="width=device-width, minimal-ui">

它是在 iOS 7.1 beta 2 中引入的。这个站点有助于帮助我了解 minimal-ui 的工作原理:http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs

关于iphone - 如何在 iPhone 中隐藏 Safari Mobile 浏览器底部按钮栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9191240/

相关文章:

iphone - iPhone 版 Speex

iphone - 应用程序不在设备上运行 - 如果不使用 self.attribute,我无法从其子类调用属性的类

ios - iPhone - UILabel 留在 UITableViewCell 之外

java - 避免重复提交Struts 2 jsp页面

html - 有 "float flow"吗?

html - 更好的用户界面设计,轻松预订

javascript - 如何根据主题标签更改事件链接的 CSS

ios - 动态 UITableViewCell 在 iOS 7 和 iOS 8 中的高度是不可能的

javascript - 安装 Waypoints 和 Animate.css

javascript - 如何在水平滑动器(idangero swiper)中启用垂直滚动?