乐博体育

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

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

来原://chixintf.com/ 作家:admin 手机浏览三次:5807次 上架期限:2017-03-03 10:44:44 收藏:添加收藏

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

第二个反映都是你勒个去的,这一个市场使用需求稍微有点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、缺少重新区分数字6为座机号账号:

<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标价签,我国一定程度也要好好选用,特此从这儿留个底,用户 若有是需要,虽说拿到。


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"});