px是一个相对单位 ,也叫做 设备独立像素 对应css中的1px

 

区别于设备的物理像素(设备中的一个实际像素点)

 

在物理像素上抽象一个逻辑层,以固定数量的物理像素来表示 一个设备独立像素(px)

 

设备像素比(DPR)

设备像素比 = 物理像素 / 设备独立像素

 

dpr不是开发者控制的,是厂商决定的。

 

iphone6 厂商的物理像素是1344*750,dpr是2,我们可以计算得到它的设备独立像素是667*375

iphonex的分辨率是2436*1125,dpr是3,设备独立像素是812*375

 

所以1px是物理像素/dpr

 

 

 

 

 

 

*PPI 物理像素密度

物理像素密度 = 物理像素/屏幕尺寸

强调的是每英寸有多少像素点,是衡量设备清晰度的关键指标,乔布斯定义PPI300以上为视网膜级别,Retina视网膜是被的DPR是2或者3,在开发中就用到2倍图和3倍图。

下面表格中列出PPI和DPR之间的大致关系

css中的px是多长_iphone