首页 > 代码库 > 移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)------转
移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)------转
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">
移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)------转
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。