网站识别的屏幕分辨率为什么不一致?
区分 CSS 屏幕尺寸、设备像素比、可用区域和浏览器窗口,排查网站识别的分辨率与显示器规格不一致的问题。
更新于 2026年8月24日网站读取到的屏幕分辨率不一定等于显示器包装上标注的物理像素。网页通常看到的是 CSS 像素尺寸,还可能同时读取设备像素比、可用屏幕区域和浏览器窗口大小。这些数值用途不同,不能直接互相替代。
在 MaskPilot 中,「屏幕分辨率」会与缩放、可用区域和色深一起保存到账号指纹,并在浏览器进程启动时加载。网站报告的数值与预期不一致时,应先确认比较的是哪一个字段。
四组常见数值有什么区别
- 屏幕宽度与高度:网页通过屏幕接口读取的 CSS 像素尺寸,不一定是面板的物理像素总数。
- 设备像素比:表示一个 CSS 像素与设备像素之间的比例。系统缩放、显示器密度和网页缩放都可能影响观察结果。
- 可用屏幕区域:扣除任务栏、菜单栏或其他系统保留区域后,可供窗口使用的范围,因此可能小于完整屏幕。
- 浏览器窗口或视口:取决于窗口是否最大化、侧栏和开发者工具是否打开等,通常小于屏幕尺寸。
例如,网站显示的窗口宽度小于屏幕宽度,并不代表指纹配置错误;它可能只是读取了当前页面视口。
「跟随系统屏幕」何时读取系统值
编辑账号并在指纹设置中选择「跟随系统屏幕」时,MaskPilot 会在保存账号时读取 MaskPilot 客户端窗口当前所在显示器的屏幕尺寸、设备像素比、可用区域和色深,并将这组值保存到账号。
它不是每次启动都持续追踪显示器变化。需要采样另一块显示器时,应先把 MaskPilot 客户端窗口移到目标显示器,再编辑并保存账号。移动已经启动的账号浏览器窗口不会更新保存值;更换显示器或修改操作系统缩放后,也需要重新保存并完整重启账号。
选择固定预设后,账号会继续使用已保存的分辨率与缩放,直到再次修改。需要稳定结果时,固定预设比频繁跟随不同设备更容易复测。
为什么页面看起来过大或过小
常见原因包括:
- 设备像素比与屏幕尺寸组合和预期不同。
- 网站保存了单独的页面缩放比例。
- 浏览器窗口没有最大化,网站进入了更窄的响应式布局。
- 系统缩放在账号上次保存后发生变化。
- 账号从另一台设备同步过来,但仍保留此前保存的固定屏幕配置。
- 网站显示的是视口、可用区域或估算值,而不是完整屏幕尺寸。
页面视觉大小还受网站 CSS、字体和浏览器缩放影响。不要仅根据“页面看起来更大”就反复更换屏幕指纹。
推荐排查顺序
- 完全关闭目标账号,确认没有残留浏览器进程。
- 编辑账号,在指纹设置中找到「屏幕分辨率」。
- 如果希望匹配某块显示器,先把 MaskPilot 客户端窗口移到该显示器,再选择「跟随系统屏幕」并保存;如果需要固定结果,选择合适的预设。
- 重新启动同一个账号,并把页面缩放恢复为 100% 后复测。
- 分别记录网站报告的屏幕尺寸、设备像素比、可用区域和窗口尺寸,不要只记录一个“分辨率”。
- 在窗口最大化和普通窗口状态各测试一次,确认差异是否只来自视口。
- 若账号在多台设备间使用,核对最后一次保存屏幕设置的设备和时间。
指纹设置仅在进程启动时读取。完整的生效检查见修改账号设置后没有生效怎么办?。
应该跟随系统还是使用固定预设
跟随系统屏幕适合希望账号与当前设备保持一致的场景,但保存前应把 MaskPilot 客户端窗口放在目标显示器上;更换设备、显示器或缩放后需要重新保存。
固定预设适合需要在多次启动之间保持同一组屏幕数值的场景。应选择合理且内部一致的尺寸和缩放,不要仅为了匹配某个检测页面反复切换极端组合。
屏幕只是浏览器环境的一部分。还应分别核对语言、时区和位置,参见配置稳定的浏览器指纹、为什么网站总是显示错误的语言?和网站显示的位置不正确怎么办?。
联系支持前准备
记录 MaskPilot 显示的分辨率和缩放、操作系统当前屏幕尺寸与缩放、网站报告的各字段、窗口是否最大化、页面缩放,以及完整重启后的复测时间。截图中遮盖网站账号、通知内容和其他无关窗口。
MDN 的 Screen.width 文档说明网页读取的是 CSS 像素,并指出可用宽度可能因系统界面而小于完整屏幕宽度。MDN 的 devicePixelRatio 文档则说明该值表示设备像素与 CSS 像素之间的比例,网页缩放也会影响它。