html5移动终端web开发之viewport

前端开发 4612 Views 1 Comments

html5移动终端web开发之viewport

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

这句代码估计很多朋友都见过,他是做什么的呢,下面我们就来说一下,他的完整参数包括:

width : 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)

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

initial-scale : 初始缩放比例,页面第一次加载时的缩放比例

maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0

minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0

user-scalable : 用户是否可以手动缩放,值可以是:①yes、 true允许用户缩放;②no、false不允许用户缩放

arget- 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。中等像素密度和高像素密度设备相应放大。
– 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。

转载请注明:一只羊博客 » html5移动终端web开发之viewport

分享到:
(0)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 看起来很不错哦

    得意2013-12-14 13:42 回复