meta apple-mobile-web-app-capable 怎么用

Question

问一个特别小白的问题，<meta name="apple-mobile-web-app-capable" content="yes"/> 有什么用呢？

我在页面中添加了这个meta标签，在iphone的safari下看效果，没看出 yes和no 的区别。猜想 可能是在web app上才有效果吧？ 是这样吗？

Answer 1

隐藏状态栏和工具栏,当把网页添加到主屏幕时,就能看出区别了,在浏览器里都是一样的.

Answer 2

这个是为苹果设备而设置的。
苹果的浏览器会改变手机网页的大小设置，某些工具栏会占据屏幕。
加上这句之后，网页大小设置就会按照viewport的设置来。