iOS 7.1的Safari为meta标签新增minimal-ui属性,在网页加载时隐藏地址栏与导航栏

新用户1857620179·2014年03月19日 19:27
跟着一起做:在手机的Safari上打开36Kr.com,你一下子就明白了。


在过去,用Safari打开一个网页后是这样的:

是不是十分不爽?因为顶部的地址栏与底部的导航栏让页面显得非常拥挤,所以用户常常会马上伸手触屏滑动让它们隐藏起来。

始终强调人性化设计的苹果当然注意到了这点,于是在iOS 7.1的Safari中为meta标签新增minimal-ui属性,让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。

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

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

现在,打开网页后是这样的:

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

需要Demo?在手机Safari上打开36Kr.com就对了!

+1
0

好文章,需要你的鼓励

参与评论
评论千万条,友善第一条
后参与讨论
提交评论0/1000

下一篇

腾讯2013年总收入为人民币604.37亿元(99.13亿美元),比去年同期增长38%;经营盈利为人民币 191.94 亿元(约合31.48 亿美元),比去年同期增长 24%。经营利润率由去年的 35%降至 32%。

2014-03-19

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

推送和解读前沿、有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚焦全球优秀创业者,项目融资率接近97%,领跑行业