移动端-浏览器设置全屏方法,解决移动端浏览器底部盖住页面

移动端浏览器,在做移动端页面的时候,移动端浏览器底部工具栏会遮盖住页面底部弹出框,很是头疼。最终在移动端设置全屏之后,达到想要的效果。以下是设置全屏的方法,以供大家解决遇到的问题。

标题 启用 WebApp 全屏模式

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

uc强制竖屏

<meta name="screen-orientation" content="portrait">

标题UC强制全屏

<meta name="full-screen" content="yes">

UC应用模式

<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">