iOS 7.1 Safari新增的一个新特点，网页加载时隐藏地址栏与导航栏

iOS7.0的童鞋在用Safari浏览网站时，都明白是这样效果：

滑动页面的之后，底部和上方的状态栏会手动隐藏缺失，这个感受也许挺人性化的，但fifi觉得可能这些之后会感觉不方便安卓5.1.1地址栏怎么隐藏不了，因为倘若我一直要解读上面看过的文字内容，就要滑动出去，滑动的之后上面和底部的状态栏就会显示起来，无形中占据了不少的窗口位置。

始终注重人性化设计的苹果显然注意到了这点，于是在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性安卓5.1.1地址栏怎么隐藏不了，让网站在加载时便可直接隐藏顶部的地址栏与上面的导航栏。

如何实现？你只需将“minimal-ui”加入 viewport meta 标签的属性中，比如：

<meta name="viewport" content="minimal-ui">

这样的话，打开icefifi.com网站后就是这种效果了：

此时应该点击顶栏部分便能显示地址栏与导航栏，再单击页面部分又使之隐藏。

总之苹果给出了这个办法让你去选择，开发员工可考量网站对于的客户对象以及自己网站展示的意愿来选取是否加入这个效果。

在手机 Safari 上打开 icefifi.com 就可以发现demo了！

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shouji/article-124262-1.html