移动像素的px ,dp/pt,dpr的关系

一：基础知识

px:逻辑像素，浏览器使用的抽象单位

dp,pt:设备无关像素 也叫物理像素

dpr:devicePixelRatio 设备像素缩放比

计算公式：1px=(dpr)^2*dp;

iphone5宣称的分辨率是640*1136，这里指的是物理像素但是在模拟器上显示出来的却是宽320像素，iphone5的320px*568px就是因为它的dpr等于2。此时一个css像素就会占据四个物理像素的位置，在x轴方向占两个，在y轴方向占两个。