css中的px与屏幕实际的分辨率的关系

1.css中的px称为逻辑像素 ：也叫“设备独立像素”（Device Independent Pixel, DIP），可以理解为反映在CSS/JS代码里的像素点数。

2.屏幕的分辨率是物理像素：设备屏幕实际拥有的像素点。比如iPhone 6的屏幕在宽度方向有750个像素点，高度方向有1334个像素点，所以iPhone 6 总共有750*1334个物理像素。

他们之前的关系是通过一个DPR来联系的，DPR=物理像素/逻辑像素   

注意的是在浏览器中的手机选项中显示的是手机的逻辑像素。

iphone7的的物理像素1334*750，dpr为2  所以逻辑像素为667*375

具体参考下路的博客：

http://www.mamicode.com/info-detail-2396539.html