请解释：物理像素，逻辑像素和像素密度?为什么在移动端开发时需要用到@3x,@2x这种 是什么？

# 【概念释义】

物理像素（Physical Pixel）是显示设备上实际存在的发光点（像素单元），每个物理像素由红、绿、蓝三个子像素组成，是屏幕硬件的最小显示单位。例如 iPhone 14 Pro Max 的物理分辨率为 2796×1290，即屏幕横向有 1290 个、纵向有 2796 个物理像素点。

逻辑像素（Logical Pixel / CSS Pixel）是 CSS 中使用的抽象像素单位，是浏览器根据设备像素比（DPR）自动换算后的虚拟像素。开发者编写 CSS 时使用的 px 单位就是逻辑像素，浏览器负责将其映射到物理像素上。