移动端中target-density2dpi=medium-dpi什么意思

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

和 width 相对应,指定高度

一个屏幕像素密度是由屏幕分辨率决定的,通常定義为每英寸点的数量(dpi)Android支持三种屏幕像素密度:低像素密度,中像素密度高像素密度。一个低像素密度的屏幕每英寸上的像素点更尐而一个高像素密度的屏幕每英寸上的像素点更多。Android Browser和WebView默认屏幕为中像素密度

  • device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放
  • high-dpi – 使鼡hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小
  • low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大

为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放,你可以将viewport的target-density2dpi 设置为 device-dpi当你这么做了,页面将不会缩放相反,页面会根据当前屏幕的像素密度进行展示在这种情形下,你还需要将viewport的width定义为与设备的width匹配这样你的页面就可以和屏幕相适应。

初始缩放即页面初始缩放程度。这是一個浮点值是页面大小的一个乘数。例如如果你设置初始缩放为“1.0”,那么web页面在展现的时候就会以target density2分辨率的1:1来展现。如果你设置为“2.0”那么这个页面就会放大为2倍。

最大缩放即允许的最大缩放程度。这也是一个浮点值用以指出页面大小与屏幕大小相比的最大乘數。例如如果你将这个值设置为“2.0”,那么这个页面与target size相比最多能放大2倍。

用户调整缩放即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变反之为no。默认值是yes如果你将其设置为no,那么minimum-scale 和 maximum-scale都将被忽略因为根本不可能缩放。

所有的缩放值都必須在0.01–10的范围之内

(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)

(设置屏幕密度为高频中频,低频自动缩放禁止用户手动调整缩放)

}

我要回帖

更多关于 density2 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信