分享html5移动端常用的Meta设置

ZHOUMOL 2018-08-21 03:32:02
1. 去除android平台中对邮箱地址的识别
<meta content=”email=no” name=”format-detection”/>
2. 让文档的宽度与设备的宽度保持1:1,文档最大的宽度比例是1.0,不允许用户点击屏幕放大浏览。
<meta content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" name="viewport"/>

3. WebApp全屏模式。
<meta name="apple-mobile-web-app-capable" content="yes" />

4. 禁止百度转码显示。
<meta http-equiv="Cache-Control" content="no-siteapp">

5. 制定iphone中safari顶端的状态条的样式(default:白色,black:黑色,black-translucent:半透明)
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

6. 添加到IOS主屏后的标题。
<meta name="apple-mobile-web-app-title" content="标题名称">
7.忽略将页面中的数字识别为电话号码
<meta name="format-detection " content="telephone=no">
...全文
115 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
javascript实现移动端轮播图   本文实例为大家分享了js实现移动端轮播图的具体代码,供大家参考,具体内容如下         <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   Document              

790

社区成员

发帖
与我相关
我的任务
社区描述
移动平台 其他移动相关
社区管理员
  • 移动开发其他问题社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧