最近碰到一个有客户提出一个比较另类的需求：我的网站在手机端显示要全屏，不能显示浏览器的工具栏。

首位个化学反应即使我勒个去的，此供需有一点APP的觉得呢，但转瞬间间我又想，本上神活了这一百多几万年啥样的供需没有见过，整！不即使几行编码怎么用的状况吗，更多的万行的编码怎么用那我磊完后，还查这事，上！1、WebApp全屏经济模式：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">要注意：viewport 后配上 minimal-ui 在safri 衡量特效<meta name="apple-mobile-web-app-capable" content="yes" /> 2、都隐藏情况栏/制定情况栏茶汤颜色：

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

 3、safri 插入到主屏页面的呈现副标题：

<meta name="apple-mobile-web-app-title" content="应用标题">

 4、移除自然识別数字化为电话座机电话号码座机电话号码：

<meta content="telephone=no" name="format-detection" />

5、轻视半自动设别电子邮箱用户名：

<meta content="email=no" name="format-detection" />

6、常用浏览器全屏设置：<!-- 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">

<!-- 是造成那些老的不辨识viewport的访问器，列如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- 微软公司的老款搜素器 --><meta name="MobileOptimized" content="320">

查看，简短吧，h5我想要们能提供了但是好的meta那些固化的标签，我门肯定要好些好app，特此将在里留个底，用户若有需求，一直以来拿到。