HTML5新标签头部说明

<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

文字说明：
1、width – // [pixel_value | device-width] viewport 的宽度，范围从 200 到 10,000，默认为 980 像素
2、height – // [pixel_value | device-height ] viewport 的高度，范围从 223 到 10,000
3、initial-scale – // float_value，初始的缩放比例 （范围从 > 0 到 10）
4、minimum-scale – // float_value，允许用户缩放到的最小比例
5、maximum-scale – // float_value，允许用户缩放到的最大比例
6、user-scalable – // [yes | no] 用户是否可以手动缩放
7、target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] 目标屏幕像素密度

 

 

 

<meta name="format-detection" content="telphone=no, email=no" />

文字说明：
1、忽略页面中的数字识别为电话号码

 

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

文字说明:

1、这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。

 

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

文字说明：

1、当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。这个主要是根据实际的页面设计的主体色为搭配来进行设置。

 

<meta name="apple-touch-fullscreen" content="yes">

 

文字说明：
1、添加到屏幕后，全屏显示。