1. 程式人生 > >入門(1)--螢幕解析度、PPI,螢幕尺寸,dpr

入門(1)--螢幕解析度、PPI,螢幕尺寸,dpr

1.螢幕解析度

螢幕在縱橫座標上的畫素,1280*960,表示縱座標上1280個畫素,橫座標960個畫素

2.螢幕尺寸

螢幕的對角線長度,使用英寸表示,1in=2.54cm

3.ppi

每英寸上面的畫素個數。ppi=對角線上的畫素個數/螢幕尺寸

4.dpr

dpr=物理畫素/邏輯畫素.物理畫素就是螢幕解析度中所示的畫素就是物理畫素。邏輯畫素,就是我們在css中使用的畫素。例如在iPhone6中,我們一個邏輯畫素在iPhone中呈現

的時候,實際佔領了兩個物理畫素,所以dpr=2; 在js中我們通過document.documentElement.clientWidth

獲取螢幕的邏輯畫素,那麼我們就可以通過邏輯畫素*2=物理畫素。