博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动开发webapp开发常用meta设置手机浏览器全屏模式
阅读量:5883 次
发布时间:2019-06-19

本文共 821 字,大约阅读时间需要 2 分钟。

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

<!-- 是针对一些老的不识别viewport的浏览器,列如黑莓 -->

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

<!-- 微软的老式浏览器 -->

<meta name="MobileOptimized" content="320">

 

 

转载于:https://www.cnblogs.com/oygg/p/5481519.html

你可能感兴趣的文章
控制子窗口的高度
查看>>
处理 Oracle SQL in 超过1000 的解决方案
查看>>
Alpha线性混合实现半透明效果
查看>>
chkconfig 系统服务管理
查看>>
ORACLE---Unit04: SQL(高级查询)
查看>>
贪食蛇
查看>>
201521123009 《Java程序设计》第11周学习总结
查看>>
Python3之多线程学习
查看>>
MVC和MTV结构分析
查看>>
(转)微信网页扫码登录的实现
查看>>
mariadb启动报错:[ERROR] Can't start server : Bind on unix socket: Permission denied
查看>>
nginx的信号量
查看>>
云im php,网易云IM
查看>>
河南农业大学c语言平时作业答案,河南农业大学2004-2005学年第二学期《C语言程序设计》期末考试试卷(2份,有答案)...
查看>>
c语言打开alist文件,C语言 文件的打开与关闭详解及示例代码
查看>>
c语言 中的共用体和结构体如何联合定义,结构体(Struct)、联合体(Union)和位域
查看>>
SDL如何嵌入到QT中?!
查看>>
P1026 统计单词个数
查看>>
[js高手之路] html5 canvas系列教程 - 状态详解(save与restore)
查看>>
poi excel 常用api
查看>>