为何iPhone SE、iPad等设备分辨率仅为厂商标称值的一半？

这本质是物理像素和CSS逻辑像素的区别，核心在于苹果Retina屏幕的「设备像素比（DPR）」：

• 厂商标称的750×1334这类数值是屏幕的物理像素，也就是屏幕实际拥有的像素点数量；而Chrome DevTools和真机网页显示的375×667是CSS像素，是网页布局时使用的逻辑单位。
• iPhone SE的设备像素比为2，意思是1个CSS像素对应2×2个物理像素，所以物理像素宽高都除以2，就得到了网页里的显示分辨率。
• 部分iPad的设备像素比是2，也有更高清的型号DPR为3，这时候网页显示分辨率就是标称值的1/3。
• 这种设计是为了让高像素密度的屏幕显示网页时，既保证内容清晰度，又不会让元素因像素点过多而显得过小，同时让不同设备上的网页布局视觉大小保持一致。

内容的提问来源于stack exchange，提问作者MPete