关闭边栏(ESC)打开边栏(ESC)


以下几个meta属性,对于IOS设备是有效的,方便把网站保存在桌面,再从桌面打开的时候,就能实现是否全屏或是否隐藏网址栏、状态栏等:

一、保存桌面时设置的APP标题:

<meta name=”apple-mobile-web-app-title” content=”ICSS”>

二、对顶部、状态栏的设置:

<meta name=”apple-mobile-web-app-capable” content=”yes”/>

<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent”>

这二条一定要同时使用,其中:status-bar-style有三个值,分别是

black:留有顶部,并且是黑色的,如下图:

default:也留有顶部,默认白色,如下图:

black-translucent:全屏显示,看不到顶端与底部状态栏的,如下图:


注意:这些在设置好后,在IOS浏览器中打开网站,点保存为桌面就行,然后从桌面打开的时候,就能看到这样的效果的。不过点开里面的链接的时候,还是会打开浏览器来显示的。