最近以来一直做前端比较多，但是真问起来，1px等于多长？我还真是有点懵逼。
1px等于一个css像素长度。
一个css像素长度是怎么计算的呢？
我们知道屏幕上的图像是像素点组成的，那么1px是不是就是等于一个像素点呢？
我们知道iphone6屏幕尺寸是x，分辨率是x。
如果我们想让iphone6一个页面占满屏幕，我们会怎么做呢？
我们会设置div的宽高分别为px和px，这个可以证明，1px是按照设备的屏幕尺寸（逻辑尺寸）来计算的。
分辨率（物理尺寸），这里我们引申出个专业的名词
逻辑尺寸设备无关像素(device-independentpixels(dips))物理尺寸物理像素(physicalpixels)
得出一些结论：
dips是一种度量单位
浏览器并不是根据物理硬件的像素来工作的，而是根据dips宽度来工作的。
dips是将像素值与实际距离联系起来的，不管屏幕的像素密度是多少，dips为1px对应着CSS中的1px，而不是对应物理像素1px。
但是到现在我们还是不知道1px等于多长，有人说那还不简单么，我们用尺子测量一下，iphone6手机屏幕的宽度，除以，不就是1px的长度么？
这个的确没有毛病，但是我们作为高贵的程序员，高智商人群，怎么能这么去做呢？那不丢份么？（容我先测量一下，万一一会算的不对，不是打脸么...）
做过iOS开发的童鞋，应该知道iOS切图，一般都会切2倍图和3倍图，就是所谓的
2x、3x为后缀的图片，这个图片到底是什么意思呢？仔细观察，你会发现，通过像素尺寸/开发尺寸的比值，我们就可以知道是需要2x图还是3x图。
这个在前端就牵扯出另一个概念
DPR(DevicePixelRatio)
window.devicePixelRatio是设备上物理像素(physicalpixels)和设备无关像素(device-independentpixels(dips))的比例。
公式表示就是：window.devicePixelRatio=physicalpixels/dips
dpr=物理尺寸/逻辑尺寸；
iphone6屏幕尺寸是x，分辨率是xdpr=/=2；
那么横向方向上，1px等于2个物理像素点。
但是这个时候还是不足以知道1px的长度，我们还需要知道一个物理像素点的长度。
我们观察上面的表格，有一个屏幕密度的概念。
PPI（PixelsPerInch）即像素密度，表示每英寸所拥有的像素数量。
通过上面的概念，那么每个像素等于1/ppi英寸，那么
1px=dpr*1/ppi=dpr/ppi；
对于iphone61px=2/=0.；
