CSS3——知识点补充

补充几点概念，用于理解对不同设备适配的情况

 

像素

  1像素 ，包含三个像点（红绿蓝）—> 空间混色法

  点距，crt显示屏求点距的方法的意义，几乎是所有屏幕都通用的

  物理像素，设备出厂时，像素的大小。通常说的像素都是指相对的单位。

  

  绝对像素 = 设备像素

  CSS像素 = 逻辑像素 = 参考像素

  

  

DPR

 

  设备像素比 dpr = 设备像素 / CSS像素

  CSS编程的逻辑像素方式，叫逻辑屏

  逻辑屏 * dpr  —>  物理屏

  

  清晰度不能光看分辨率，得看PPI   DPI   

  dpi，打印机在1英寸的屏幕里面可以打印多少个墨点

  ppi，1英寸所能容纳的像素点数（点距数），1in = 2.54cm

  分辨率（1920*1080，1280*720等），代表的只是固定宽高下，展示的像素点数

  比如：

  360DPI/PPI * 2.5in = xxx

  1920 / 2.5in = 1080 / 2.5in = xxxx PPI / DPI

 

(摘抄一段)

DPR: 
　　设备像素比DPR(devicePixelRatio)是默认缩放为100%的情况下，设备像素和CSS像素的比值 
　　dpr，也被成为device pixel ratio，即物理像素与逻辑像素的比，那也就不难理解：iphone6下dpr=2，iphone6+下dpr=3（考虑的是栅格化时的像素，并非真实的物理像素）;