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

  以最高级别的可用模式显示内容

  有些因素会自动触发兼容性文档视图,这个时候设置这个X-UA-Compatible就可以防止这个自动触发的行为

  指定文件兼容性模式

  要为你的网页指定文件模式,需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头。


2、<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

   width:可视区域的宽度,值可为数字或关键词device-width

     height:同width
     intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
     maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
     maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
     user-scalable:是否可对页面进行缩放,no 禁止缩放

3、<meta name="apple-mobile-web-app-capable" content="yes">

  这meta的作用就是删除默认的苹果工具栏和菜单栏。

  content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。


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

  作用是控制状态栏显示样式

  具体效果如下:

  status-bar-style:black    

  status-bar-style:black-translucent   


5、<meta name="format-detection" content="telephone=no">

  telephone=no就禁止了把数字转化为拨号链接!
  telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!

6、<meta name="format-detection" content="email=no">
  email=no禁止作为邮箱地址!
  email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!
7、<meta name="format-detection" content="adress=no" >
  adress=no禁止跳转至地图!
  adress=yes就开启了点击
地址直接跳转至地图的功能,在默认是情况下就是开启!