从Android M开始，Android开始引入了沉浸模式，所谓的沉浸模式就是将周围，特别是状态栏的颜色调整到和浏览页面相同，从而在视觉上减少其他因素对阅读的干扰，从而达到无干扰阅读。目前在Android上已经有越来越多的app支付沉浸模式，但是对浏览器而言目前只有Chrome支付沉浸模式，而且这依赖于网站本身的设置。在这里我们看看wordpress是怎么实现沉浸式状态栏的，其他的web页面也可以以此为参考。
在Chrome中实现web的沉浸模式其实很简单，只需要一行代码：
<meta mane=”theme-color” content=”#0685c1″ />
将以上代码放置在<head></head>标签之间，<title></title>之后，即可实现沉浸模式。但是这里需要说明的是目前在测试的几个浏览器中只有Chrome支持。通过上面的截图可以看出来，原来黑色的状态栏已经变成了蓝色，地址栏、工具栏都已经成了我们设置的颜色，的确比原来的黑色或者灰色好看。
博客挺不错的 就是窄了点 专门移动端的吗
[回复]
QQ技术博客 回复:
十二月 24th, 2016 at 10:59
@菜鸟网赚, 精致美
[回复]
非常有价值的一篇文章，支持一下，希望回访。
[回复]
沉浸模式会不会是以后的网站的主流设置呢？
[回复]
支持一下，赞
[回复]
可以，你这是先写的文章再加的图片哈
[回复]