屏幕分辨率查询工具会读取你浏览器上报的 screen.width、screen.height、devicePixelRatio 和 window.innerWidth 等参数，算出物理分辨率、CSS 逻辑分辨率和缩放比例。它的用途很具体：比如你要给一个 1440×900 的笔记本做网页适配，或者买手机壳前想确认 iPhone 15 Pro 是 2556×1179 还是 2532×1170，直接打开这个页面就能看到当前设备的真实数值，不用去翻系统设置里的显示信息。做前端切图、UI 标注、壁纸尺寸选择、投屏前确认比例时都用得上。
| 对比维度 | 本工具 | 手工/替代做法 |
|---|---|---|
| 获取耗时 | 打开即显示，约 1 秒 | 系统设置里翻 3 到 5 层菜单，约 20 秒 |
| 物理分辨率 | CSS 值 × DPR 自动换算 | 需自己查 DPR 再相乘，易算错 |
| 对照表覆盖 | 含 iPhone、iPad、MacBook、安卓约 200 款 | 搜索引擎逐个查，每款约 30 秒 |
| 缩放影响 | 同时显示 DPR，可还原真实值 | 系统只显示缩放后数值，易误判 |
| 隐私 | 全部本地计算，不上传 | 部分查询网站会记录 UA 和 IP |
因为浏览器出于隐私保护，会把 screen.width 按缩放比例折算成 CSS 像素。比如 3840×2160 的 4K 屏在 200% 缩放下会报 1920×1080，devicePixelRatio 显示 2。把两者相乘才能还原物理分辨率：1920×2=3840。如果系统缩放是 150%，则报 2560×1440，乘 1.5 得 3840×2160。
它是物理像素与 CSS 像素的比值，公式为 devicePixelRatio = 物理分辨率 ÷ CSS 逻辑分辨率。iPhone 15 的 2556×1179 对应 CSS 393×852，比值约 3。Windows 常见 1、1.25、1.5、1.75、2 五档，macOS 常见 2。这个值会影响 canvas 绘制清晰度和图片 srcset 选择。
能查到 CSS 分辨率和 DPR，但部分安卓浏览器会做取整。比如真实 1080×2400、DPR 2.75 的机型，可能报 393×873 而非 392.7×872.7。误差通常在 1 像素内。若需精确物理值，用 CSS 分辨率乘 DPR 再四舍五入，例如 393×2.75≈1081，与标称 1080 差 1 像素属正常。
用宽度除以高度即可。1920÷1080=1.777，即 16:9；1920÷1200=1.6，即 16:10；2560÷1600=1.6，也是 16:10。常见还有 21:9（3440÷1440≈2.389）和 4:3（1024÷768≈1.333）。比值差 0.01 以内可视为同一比例，比如 2560×1440 得 1.7778，仍算 16:9。
浏览器读的是窗口所在那块屏幕。把窗口拖到外接显示器上再刷新，数值会变。如果笔记本内屏 2880×1800、外接 1920×1080，拖过去后 screen.width 会从 1440 变成 1920（缩放 100% 时）。多屏扩展模式下两块屏参数不同，复制模式则以外接屏为准。
数据来自浏览器 Screen API 和 window.devicePixelRatio，精度受系统缩放和浏览器取整影响，误差一般不超过 1 像素。对照表数值为厂商标称物理分辨率，部分机型存在同型号不同批次差异。所有计算在浏览器本地完成，不发送任何请求，关闭页面即清除。