汉语宝典

手机屏幕尺寸速查

手机屏幕尺寸速查是一款免费的在线IT 开发工具,手机屏幕尺寸速查是一款免费的在线IT 开发工具,输入参数即可实时得出结果;纯前端运行、数据不上传、无需注册,打…

☎️ Phone Screen Sizes

Phone screen size reference: compare diagonal size, resolution, pixel density and aspect ratio across models.

📐 工作原理与说明
主流手机屏幕参数速查。
  • 指标:物理尺寸(英寸)、分辨率(物理像素)、像素密度 PPI、逻辑视口(CSS 像素)。
  • DPR:设备像素比 = 物理像素 ÷ CSS 像素,决定切图需要提供几倍图。
  • 常见视口:iPhone 约 390–430 CSS px,Android 常见 360–412 CSS px。
  • 用途:设定响应式断点、选择图片倍率、评估移动端布局表现。

📚 深度解析:Phone Screen Sizes

💡 常见使用场景

  • 查主流机型分辨率与 DPR 做适配。
  • 做移动端适配时查目标机型:确认视口宽度、DPR 与常用断点,再决定用 rem 还是 vw 方案。
查
iPhone 15 Pro 1179×2556@3x;常见 Android 1080×2400@~2.6x。

❓ 常见问题(FAQ)

DPR 是什么?
设备像素比,CSS px × DPR = 物理像素。
为什么按 CSS 像素而不是物理像素设计?
因为 CSS 像素是逻辑单位,浏览器已按 DPR 完成换算:DPR=3 的手机上一个 CSS 像素对应 3×3 个物理像素。设计稿通常按 CSS 像素给,实现时也按 CSS 像素写,只有图片资源才需要提供 2x/3x 以匹配高 DPR 屏幕。
⚠️ 使用说明与注意事项
  • PPI = √(分辨率宽²+分辨率高²) ÷ 屏幕英寸
  • 内置 10 款主流机型参数速查
  • 数据为常见公开参数,以厂商规格为准
  • 反算功能可输入任意分辨率与英寸