像素

CSS 像素（px）

• CSS 样式代码中使用的逻辑像素

物理像素（pt）

• 显示屏由一个个像素点组成，每个像素点控制此点的颜色
• 同样宽高的手机可以有不同的分辨率（宽的像素点 * 高的像素点），分辨率越高，显示越清晰

CSS 像素和物理像素

• 一般来说，物理像素会大于等于 CSS 像素，这样一个 CSS 像素会由多个物理像素组成，这样显示更高清
• dpr：设备像素比。dpr=物理像素/css像素(一个方向上)