入门（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=物理像素。