屏幕尺寸检查：CSS 像素与浏览器视口
读取 CSS 屏幕尺寸、视口与 DPR，复制报告或生成匹配背景。
免费使用，在浏览器中运行，无需注册。浏览器报告的屏幕尺寸
— × —CSS 像素这是浏览器报告的屏幕尺寸，并非对面板原生硬件分辨率的测量结果。
正在浏览器中读取显示信息…查看屏幕与浏览器视口尺寸
- 浏览器视口
- — × —CSS 像素
页面可用区域的宽和高，以 CSS 像素计，包含可能存在的滚动条。
- 设备像素比（DPR）
- —
浏览器报告的设备像素与 CSS 像素的比例。页面缩放可能改变此数值。
- 估算屏幕像素
- — × —像素
将浏览器报告的屏幕尺寸乘以 DPR，并四舍五入到整数像素。系统显示缩放、页面缩放和浏览器报告方式都可能影响估算结果。
这些数值来自浏览器提供的信息，不能用于识别显示器型号，也不能验证面板原生分辨率、刷新率或物理尺寸。
按此尺寸制作背景图
正在浏览器中读取显示信息…
理解屏幕尺寸、浏览器视口与像素估算
无需上传文件，查看浏览器公开的尺寸信息。屏幕和视口使用 CSS 像素；设备像素比说明它与设备像素的关系，估算尺寸则把报告的屏幕宽高乘以 DPR。这些估算不能可靠识别原生面板、物理英寸或显示器型号。窗口变化时数值更新。打开图片生成器时可选择 CSS 尺寸或估算尺寸；超限尺寸会按比例缩小。
屏幕尺寸的使用场景
比较浏览器视口与报告的屏幕区域。
讨论布局问题时复制显示信息。
按选定尺寸打开白色背景或渐变壁纸。
如何理解屏幕与视口数值
浏览器尺寸描述当前环境；各字段含义不同，可用于布局和图片尺寸选择。
比较屏幕尺寸与视口
屏幕字段用 CSS 像素报告显示区域。视口是当前浏览器内容区，工具栏和窗口大小可能让它更小。调整窗口再比较数值，不要假设两者应完全相同。
分别理解 DPR 与估算值
设备像素比可能反映显示缩放和页面缩放。把屏幕 CSS 宽高乘以 DPR 得到带标签的估算，不是原生面板分辨率的证明。它们也不能可靠得出物理英寸。
为下一张背景选择尺寸
排查问题时可复制报告，或选择 CSS 尺寸和估算尺寸，打开白图或壁纸工具。留意按比例缩小的提示，并在生成器中确认尺寸后再下载。
继续单项检查，或按顺序检查显示效果： 显示器检查
屏幕尺寸：常见问题解答
下载前需要了解的信息。
这些数值是显示器原生物理像素吗？
不一定。屏幕尺寸是浏览器报告的 CSS 像素。估算值由尺寸乘以 DPR 得出，而页面缩放和系统缩放可能影响 DPR。
为什么背景链接使用了更小尺寸？
图片引擎单边最多 8192 像素，总像素最多 33,554,432。请求超过限制时，链接尺寸会按比例缩小，页面会说明。