height
和 width 相相应。指定视窗的高度。
target-densitydpi
一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度。中像素密度,高像素密度。
一个低像素密度的屏幕每英寸上的像素点更少,而一个高像素密度的屏幕每英寸上的像素点很多其它。Android Browser和WebView默认屏幕为中像素密度。
以下是 target-densitydpi 属性的 取值范围
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
high-dpi – 使用hdpi 作为目标 dpi。
中等像素密度和低像素密度设备对应缩小。
medium-dpi – 使用mdpi作为目标 dpi。
高像素密度设备对应放大, 像素密度设备对应缩小。
这是默认的target density.
low-dpi -使用mdpi作为目标 dpi。
中等像素密度和高像素密度设备对应放大。
<value> – 指定一个详细的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
为了防止Android Browser和WebView 依据不同屏幕的像素密度对你的页面进行缩放,你能够将viewport的target-densitydpi 设置为 device-dpi。当你这么做了。页面将不会缩放。相反。页面会依据当前屏幕的像素密度进行展示。
在这样的情形下,你还须要将viewport的width定义为与设备的width匹配,这样你的页面就能够和屏幕相适应。
以下是 target-densitydpi 属性的 取值范围
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
high-dpi – 使用hdpi 作为目标 dpi。
medium-dpi – 使用mdpi作为目标 dpi。
low-dpi -使用mdpi作为目标 dpi。
<value> – 指定一个详细的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
为了防止Android Browser和WebView 依据不同屏幕的像素密度对你的页面进行缩放,你能够将viewport的target-densitydpi 设置为 device-dpi。当你这么做了。页面将不会缩放。相反。页面会依据当前屏幕的像素密度进行展示。
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的范围之内。
例:
(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,user-scalable=no" />
(设置屏幕密度为高频,中频,低频自己主动缩放,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
全部的缩放值都必须在0.01–10的范围之内。
例:
(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,user-scalable=no" />
(设置屏幕密度为高频,中频,低频自己主动缩放,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
另外。iOS 7.1的Safari为meta标签新增minimal-ui属性,在网页载入时默认隐藏地址栏与导航栏。