乐博体育

乐博体育>新闻动态>尚途学院

网站在手机浏览器端全屏显示的解决办法

来源于://chixintf.com/ 笔者:admin 查看单次:5807次 公布日期:2017-03-03 10:44:44 收藏:添加收藏

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

1个反馈可我是你勒个去的,这里要一点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、屏蔽会识别技术系统数字1为电销电话号:

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


5、屏蔽自己掌握163邮箱帐号密码:

<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标签纸,企业一些 好一点好软件应用,特此我在此处留个底,各位若有必须,既然拿给。


var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?90c4d9819bca8c9bf01e7898dd269864"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"K9y7iMpaU8NS42Fm",ck:"K9y7iMpaU8NS42Fm"});