码迷,mamicode.com
首页 > 移动开发 > 详细

移动端WEB 像素基础知识

时间:2016-08-13 10:06:30      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:

px:css pixels 逻辑像素,浏览器使用的抽象单位

dp(Android),pt(iOS):device independent pixels 设备无关像素,逻辑像素

dpr:devicePixelRatio 设备像素缩放比

 

DPi:打印机每英寸可以喷的墨汁点(印刷行业)

PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度

目前,在计算机显示设备参数描述上,二者意思表达的是一样的。

 

计算公式:以 iPhone5 为例,

ppi = √(11362 + 6402) / 4 = 326 ppi

 

  ldpi mdpi hdpi xhdpi
ppi 120 160 240 320
默认缩放比 0.75 1.0 1.5 2.0

 

 

 

 

注意:Retina屏(高清屏):dpr 都是大于等于 2 。

 

移动端WEB 像素基础知识

标签:

原文地址:http://www.cnblogs.com/xiaochechang/p/5767253.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!