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

氪友Mspd·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

下一篇

“Flappy Bird的开发者阮哈东已经辞职,并打算用赚来的钱买一辆 Mini Cooper 及一套公寓。”几天前的滚石专访中,记者这样描述。你肯定崇拜过那些一举成名的开发者,比如阮哈东。 现在给你一个舞台,让你有机会向全亚洲展示你的产品,你也可能成为被崇拜的对象。36氪携手香港无线科技商会(WTIA)共同举办“亚洲智能手机应用程式大赛”(Asia Smartphone Apps Contest 2014 ),比赛由亚洲不同地区合办,合作伙伴来自以色列、日本、韩国、中国内地、马来西亚、新加坡、台湾等。我们希望搭建一个平台,激励开发者们积极与亚洲范围内的业界专家互相交流,共同探讨如何把握机遇,开拓国际市场。参赛者们都将受到专业点评,并且有机会赢得亚洲地区广泛的媒体曝光。

2014-03-19

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

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

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

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