1 point 是物理单位 或者称作磅 1point = 1/72 英寸 1英寸是2.54厘米
2 pixel的物理尺寸是不固定的
3 DPI dots per inch，dot在显示器里指显示器的物理像素 或者叫实际的像素 每英寸的点数 一般指每英寸的像素数 如果值是72 那么在这个设备里 1 point = 1 pixel
4 PPI 每英寸有多少物理像素
5 苹果的产品ppi一般是72
6 iphone 6 横向375pt 即5.208英寸 （实际横向是2.6英寸）
7 devicePixelRatio 设备像素比 在视网膜屏幕的iphone上，屏幕物理像素640像素，独立像素（ 或者叫CSS 像素分辨率）还是320像素，因此，window.devicePixelRatio等于2. 简单地说，这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素
8 如果希望网页的元素在高ppi设备上显示不模糊(比如1080x1920屏幕的手机)，位图应该做3倍的尺寸(比如做300*300px的图，然后在css中设width和height为100px)