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
具体参考下路的博客：