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

Kryptoners · 2014-03-19
跟着一起做:在手机的Safari上打开36Kr.com,你一下子就明白了。

iOS 7.1的Safari为meta标签新增minimal-ui属性,在网页加载时隐藏地址栏与导航栏
在过去,用Safari打开一个网页后是这样的:

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

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

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

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

<meta >

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

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

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

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

+1

好文章,需要你的鼓励

参与评论
登录后才能参与讨论哦...
后参与讨论
提交评论0/1000

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言。

下一篇

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

2014-03-19

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

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

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

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