meta name="apple-mobile-web-app-status-bar-style" content="black"

webapp里主要的mate用途

<meta name="apple-touch-fullscreen" content="yes">  添加到主屏幕后,全屏显示。

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

这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。

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

默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

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

在iOS中有两个meta值,apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style,这两个会让网页内容以应用程序风格显示,并使状态栏透明。

原文:

https://www.cnblogs.com/aimyfly/p/4432121.html

效果:

http://blog.sina.com.cn/s/blog_51048da70101cggw.html


猜你喜欢

转载自blog.csdn.net/weixin_38465623/article/details/80715401