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（考慮的是栅格化時的像素，并非真實的實體像素）;