html5 meta头部设置

<meta name="viewport" content="height=[pixel_value | device-height], width=[pixel_value | device-width], inital-scale=float_value, minimum-scale=float_value, maximum-scale=float_value, user-scalable=[yes|no], target-densitydpi=[dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]" />

width:控制 viewport的大小，可以指定一个值或者特殊的值，如 device-width为设备的宽度（单位为缩放为 100%时的 css 的像素）

height:和width相对应，指定高度

initial-scale:初始缩放，即页面初始缩放程序，这是一个浮点值，是页面大小的一个乘数，例如，如果你设置初始缩放为 "1.0"，那么，web页面在展现的时候就会以 target density分辨率  1:1 来展现，如果设置为 2.0，则这个页面就会放大 2倍

maximum-scale:最大缩放。即允许的最大缩放程序。这也是一个浮点值，用以指出页面大小与屏幕大小相比的最大乘数。例如：如果将这个值设置为 2.0，则这个页面与 target size 相比， 最多就会被放大为 2 倍

user-scalable:用户调整缩放。即用户是否能改变页面缩放程度，如果设置为 yes，则是允许用户对其进行改变，反之为 no,默认为 yes,如果设置为 no,则 minimum-scale, maximum-scale都被忽略
所有的缩放值都必须为 0.01-10之间


target-densitydpi:一个屏幕像素密度是由屏幕分辨率决定的，通常定义为每英寸点的数量（dpi）。android支持三种屏幕像素密度，低像素密度，中像素密度，高像素密度。一个低像素密度的屏幕每英寸的像素点更少,而一个高像素密度的屏幕每英寸上的像素点更多。android browser 和 webview默认屏幕为中像素密度。
取值如下：
device-dpi:使用设备原来的 dpi作为目标 dp，不会发生默认缩放
high-dpi:用 hdpi作为目标 dpi,中等像素密度和低像素密度设备相应缩小
medium-dpi:用 mdpi作为目标dpi,高像素密度设备相对放大，这是默认的 target density.
low-dip:(原理同上)
value:指定一个值，必须为 70-400之间
as：
<meta name="viewport" content="target-densitydpi=device-dpi" />
<meta name="viewport" content="target-densitydpi=high-dpi" />
<meta name="viewport" content="target-densitydpi=medium-dpi" />
<meta name="viewport" content="target-desitydpi=200" />

<meta content="telephone=no" name="format-detection" />
告诉设备忽略将页面中的数字识别为电话号码

iphone设备特有的：
<meta content="yes" name="apple-mobile-web-app-capable" />
允许全屏模式浏览
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
指定的 iphone中的 safai顶端的状态的样式
在 web app应用下状态条(屏幕顶部条)的颜色：
默认值为 default(白色)，可以定义为 black(黑色)和 black-translucent(灰色半透明)
注意，若值为 black-translucent 将会占据页面 px 位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）
示例：
天猫：
<meta content="width=device-width,inital-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />

淘宝：
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta content="telephone=no" name="format-detection" />

网易：
<meta content="width=device-width,user-scalable=no" name="viewport" />