我的屏幕分辨率是多少,为什么数字看起来不对
屏幕分辨率是屏幕横向和纵向的物理像素数量,写作宽 × 高,例如 1920 × 1080。系统的显示设置里可以直接看到它。不过,网页通常报告的是另一个数字,因为浏览器使用 CSS 像素来计量,而这个单位会被操作系统和浏览器缩放。两个数字可以同时都是正确的。屏幕分辨率检测会同时显示屏幕尺寸、缩放后的尺寸和窗口尺寸,方便你判断自己看到的是哪一个。
屏幕分辨率检测我的屏幕分辨率是多少?免费使用物理像素与 CSS 像素
物理像素是屏幕面板上一个个发光的小点。CSS 像素是网页排版使用的单位。一个 800 CSS 像素宽的页面,在任何屏幕上大致都会占据相同比例的窗口,因此浏览器会用设备像素比在两种单位之间换算。
设备像素比是构成一个 CSS 像素的物理像素数量。普通显示器上它是 1,许多高密度屏幕上是 2 或更高。每个 CSS 像素会由 2 × 2 的物理像素块来绘制,所以文字看起来更清晰。网页以 CSS 像素读取的屏幕尺寸,就等于物理尺寸除以这个比例。
操作系统缩放
大多数情况下,像素比来自操作系统的显示缩放。在 Windows 上,这就是显示设置里的“缩放”选项。在 macOS 上,显示器的分辨率选项决定界面占用多少空间。一块 4K 面板有 3840 × 2160 个物理像素。如果设置为 200% 缩放,界面获得的空间相当于 1920 × 1080,而该屏幕上的浏览器会报告 1920 × 1080 个 CSS 像素,像素比为 2。
计算很简单:用物理尺寸除以缩放系数。
| 面板物理像素 | 缩放 | 以 CSS 像素计的屏幕尺寸 | 像素比 |
|---|---|---|---|
| 3840 × 2160 | 100% | 3840 × 2160 | 1 |
| 3840 × 2160 | 150% | 2560 × 1440 | 1.5 |
| 3840 × 2160 | 200% | 1920 × 1080 | 2 |
| 1920 × 1080 | 100% | 1920 × 1080 | 1 |
有些缩放值除不尽,浏览器会对结果取整。你自己算出的数字与它相差 1 个像素,属于正常现象。
浏览器缩放会改变数字
浏览器中的缩放与系统显示缩放是两个独立的设置。把页面缩放到 200%,页面上所有内容都会变成两倍大。浏览器会同步改变设备像素比,所以窗口以 CSS 像素计的宽度会减半,而物理屏幕没有变化。一个在 100% 时宽 1280 CSS 像素的窗口,放大之后可能会显示为 640。
缩放是导致两次检测结果不一致的最常见原因。如果数字看起来不对,先检查缩放比例,然后按 Ctrl+0(Mac 上为 Cmd+0)恢复到 100%。
屏幕、可用屏幕与窗口
有三个尺寸很容易混淆。
- 屏幕是整个显示区域,即操作系统报告的尺寸。
- 可用屏幕会扣除系统自己占用的区域,例如 Windows 上的任务栏,或 Mac 上的程序坞和菜单栏。它永远不会大于屏幕。
- 浏览器窗口也叫视口,是网页实际绘制的区域。它不包括标签页、地址栏和书签栏,而且每次调整窗口大小都会变化。
网站索要你的屏幕尺寸时,通常指的是屏幕或窗口。复制数字之前,先确认对方需要哪一个。
刷新率、HDR 与色彩
刷新率是显示器每秒更新画面的次数。浏览器无法直接读取它。网页能做的只是统计约一秒内绘制的动画帧数,因此结果是一个测量值。当标签页处于后台、电脑繁忙或省电模式限制绘制时,结果可能低于屏幕的实际刷新率。请把它当作近似值。刷新率测试会进行这项计数,并绘制每一帧的耗时;屏幕是否真的运行在 120 Hz则讲解这个设置在哪里。
HDR 和色域信息同样是通过媒体查询获取的,反映的是浏览器检测到的状态。它可能与显示器的全部能力不同,也可能与系统当前的开关状态不同。这些读数仅供参考。
在系统中找到这个数字
要查看系统自身使用的数值,请打开显示设置。在 Windows 11 上,依次进入“设置”、“系统”、“显示”,查看“显示分辨率”。在 macOS 上,打开“系统设置”并选择“显示器”。两者都会显示缩放后的分辨率以及可用选项。
知道尺寸之后,如果是新买的屏幕,下一步可以做一次纯色检测。坏点测试会依次用黑、白、红、绿、蓝铺满屏幕,方便你查找卡住不亮或已经损坏的像素点。
在 fixmint 上操作
- 打开屏幕分辨率检测。顶部标有“你的屏幕(CSS 像素)”的数字就是结果。
- 与“物理像素(估算)”和“设备像素比”对比。像素比大于 1,说明系统或浏览器正在对画面进行缩放。
- 调整浏览器窗口大小或更改缩放,观察“浏览器窗口(实时)”的变化。按 Ctrl+0(Mac 上为 Cmd+0)恢复到 100%。
- 查看“刷新率(实测,近似值)”。如果读数看起来不对,再次点击“重新测量刷新率”。
- 点击“全部复制”,把读数复制下来,再粘贴到支持表单中。
常见问题
为什么我的显示器报告的分辨率比实际的小?
多半是缩放设置高于 100%。物理分辨率没有变化,网页读取的是缩放后、以 CSS 像素计的尺寸。
浏览器缩放会改变我的屏幕分辨率吗?
不会。它改变的是页面的像素比,以及以 CSS 像素计的窗口尺寸。把缩放恢复正常,就能得到正常的数字。
刷新率是精确值吗?
不是。它是根据大约一秒内的动画帧数测得的。后台标签页或繁忙的电脑都可能让数值偏低。
由 AI 辅助翻译自英文原文。
评论
还没有评论。快来抢沙发。


