手机屏幕尺寸速查

📚 深度解析：Phone Screen Sizes

💡 常见使用场景

• 查主流机型分辨率与 DPR 做适配。
• 做移动端适配时查目标机型：确认视口宽度、DPR 与常用断点，再决定用 rem 还是 vw 方案。

❓ 常见问题（FAQ）

DPR 是什么？

设备像素比，CSS px × DPR = 物理像素。

为什么按 CSS 像素而不是物理像素设计？

因为 CSS 像素是逻辑单位，浏览器已按 DPR 完成换算：DPR=3 的手机上一个 CSS 像素对应 3×3 个物理像素。设计稿通常按 CSS 像素给，实现时也按 CSS 像素写，只有图片资源才需要提供 2x/3x 以匹配高 DPR 屏幕。