通过html的Meta标签来实现移动端全屏

使用方法：
加到中间

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"><
<!--UC默认竖屏,强制全屏-->
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<!--QQ默认竖屏,强制全屏-->
<meta name="x5-orientation" content="portrait"><!--QQ强制竖屏-->
<meta name="x5-fullscreen" content="true"><!--QQ强制全屏-->
<meta name="x5-page-mode" content="app"><!--QQ应用模式-->

补充
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://blog.csdn.net/weixin_38465623/article/details/80715401