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

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

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

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

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

现在，打开网页后是这样的：

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

转载于:https://www.cnblogs.com/bigdesign/p/4831534.html

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

Chrome现在也能编辑pdf文件了！64位安卓版上线，网页加载快10%，还有良心标签管理功能...
贾浩楠发自凹非寺量子位报道 | 公众号 QbitAI 全世界最多人在用的Chrome浏览器,今天更新了. 版本号:Chrome 85. 增加一系列标签管理功能,还自带PDF编辑器,并且提升10 ...
[html] iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？
[html] iOS下页面如何启动加载时显示画面图片?如何设置大小?它有什么好处? <link rel="apple-touch-startup-image" href=&q ...
Vant Tab标签页+下拉刷新+上拉加载
Vant Tab标签页+下拉刷新+上拉加载 <template><div class="invoicePickupBox"><div class=&q ...
修改html中meta标签,利用JS或JQuery修改网页title和meta标签的content内容
这篇文章主要为大家详细介绍了利用JS或JQuery修改网页title和meta标签的content内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页的ti ...
meta标签设置用极速模式打开网页
1 浏览器集成了多种浏览器内核,需要强制使用极速模式 <meta name="renderer" content="webkit" /> 2 met ...
5中div标签有没有url属性_[网页编程]-03 CSS 常用属性
字体处理常用属性 <!DOCTYPE html> <html><head><meta charset="utf-8"><tit ...
自定义标签报无法为TAG [my2:hello]加载标记处理程序类[null]
今天练习jsp自定义标签的时候,等我写好全部和检查万无一失的时候.执行然后报错了无法为TAG [my2:hello]加载标记处理程序类[null] 我反复检查代码,发现代码也没什么问题.后面通过百度 ...
前端判断img图片未能正确加载时显示一个默认图片。img标签onerror事件设置了本地默认图片还是不显示的问题
前端img标签中引用后端交给的图片地址时,有可能这个路径下图片被删除或者损坏了,那么页面在加载img图片时就显示为,太丑了. img标签有个onerror事件,就是当图片未被正确加载的时候调用此事件, ...
Meta标签中的format-detection属性及含义
format-detection翻译成中文的意思是"格式检测",顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设 ...

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

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

最新文章

热门文章