[关闭]
@rushui2018 2016-08-16T13:21:58.000000Z 字数 859 阅读 825

移动端meta标签大集合

mobile meta

禁止缩放

  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  2. (width=device-wdth可写为640px IE不支持此写法)

不识别为电话号码、邮箱、地址

  1. <meta name="format-detection" content="telephone=no,email=no,adress=no">

删除默认的苹果工具栏

菜单栏全屏显示

  1. <meta name="apple-mobile-web-app-capable" content="yes">

全屏显示

  1. <meta name="apple-touch-fullscreen" ="yes">

设置app应用下状态条的颜色

默认值default (白色) black(黑色),black-translucent(灰色半透明)如果设置为这个值会占据页面的px位置浮在页面上方20px高度 iphone4是40px :

  1. <meta name="apple-mobile-web-app-status-bar-style" content="black">

360模式固定为极速模式

  1. <meta name="renderer" content="webkit">

IE8浏览器的显示方式

IE=edge以IE最高版本显示,chrome=1 以谷歌浏览器模式渲染(GCF(Google Chrome Frame)):

  1. <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1">

告诉浏览器链接来源于哪里

(计算网页上链接的访问量):

  1. <meta name="referrer" content="never">

预解析技术,当浏览网页时,浏览器会在加载页面的时对页面中的域名进行解析缓存,当我们点击这些网页的链接时就不需要再进行DNS的解析,减少用户的等待时间,提高用户的体验

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注