NETZHI · 小型诊断实验

截图尺寸比例检查台

截图比页面大，不代表系统缩放一定设错。先把截图像素和同一块内容的 CSS 尺寸对齐，算出横纵两个比例，再决定下一步需要记录什么。

输入同一块区域的四个尺寸

这里没有图片上传。四个数字只在当前页面计算。CSS 宽高和截图宽高必须对应同一块内容；不要把整个浏览器窗口与网页可见区混在一起。

点击“计算比例”查看测量结果。

横向比例等于“截图宽度 ÷ CSS 宽度”，纵向比例等于“截图高度 ÷ CSS 高度”。例如 1200 × 800 的内容对应 1800 × 1200 的图片，两轴都是 1.5，符合等比例缩放。这里用两轴相对差不超过 1% 作为练习判定，不是任何浏览器的标准或精确诊断阈值。

如果横向是 1.333、纵向是 1.250，应先检查截图是否裁剪、图片是否经过非等比调整、四个尺寸是否取自同一块区域。这个结果本身不能告诉你是哪一步造成了差异。

devicePixelRatio 描述物理像素和 CSS 像素的关系；页面缩放也会影响它，双指缩放的行为又不同。截图工具可能输出 CSS 像素、设备像素或经过处理的图片，所以这里算出的比值不自动等于 devicePixelRatio，更不能唯一反推出操作系统缩放或浏览器缩放。

需要比较两次问题时，分别记录浏览器、页面缩放、窗口所在屏幕、截图工具和是否裁剪；每次只改变一个条件。不要为了对齐图片而先修改系统设置。技术定义可查阅 MDN 的 devicePixelRatio 说明。

这张表只测几何比例，不测 CPU、网络延迟或页面加载速度。若真正的问题是浏览器卡顿，应回到进程占用的观察。网知的浏览器高 CPU 排查说明提供了另一条按现象核查的路径，不应从截图变大直接推断性能问题。