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" />
可视区域的宽度,值可为数字或关键词device-width
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就不用写了,在默认是情况下就是开启!
email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!
adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!