cv.cm
全部教程

开发与网页

怎么查看屏幕分辨率

游戏、视频设置或客服表单要你填屏幕分辨率,可你查到的几个数字对不上。下面找出真实分辨率,弄明白缩放为什么会改变它,并读出浏览器窗口的大小。电脑、平板和手机都能用。

约 3 分钟阅读

今天的结果 屏幕的物理像素分辨率、显示缩放比例,以及浏览器中网页区域的大小。

浏览器缩放也会改变像素比。先按 Ctrl + 0(Mac 上按 Cmd + 0)把缩放恢复到 100%。

打开屏幕分辨率
目录
  1. 恢复浏览器缩放

    放大或缩小网页会改变浏览器报告的数值。按 Ctrl + 0,Mac 上按 Cmd + 0,让缩放回到 100%。在手机上用双指捏回正常大小。

  2. 打开 cv.cm 的屏幕分辨率

    大数字就是屏幕的物理像素分辨率,比如 1920 × 1080。如果它有通用名称,比如 Full HD(1080p)或 4K UHD,会显示在第一行。

    打开屏幕分辨率
  3. 理解 CSS 像素和缩放

    Windows 的 125% 缩放和 Retina 屏,都是用更多物理像素来显示一个 CSS 像素,让文字更大。“设备像素比”说明是多少倍:1920 × 1080 的屏幕在 125% 缩放下显示为 1536 × 864 CSS 像素,像素比为 1.25。

    在 125% 缩放下,1920 × 1080 物理像素会报告为 1536 × 864 CSS 像素。
    在 125% 缩放下,1920 × 1080 物理像素会报告为 1536 × 864 CSS 像素。
  4. 查看视口

    “浏览器视口”是窗口中显示网页的部分,以 CSS 像素计。调整窗口大小,它会立刻变化。网页设计师做响应式布局用的就是这个尺寸。

    屏幕、去掉任务栏后的可用空间,以及浏览器里的视口。
    屏幕、去掉任务栏后的可用空间,以及浏览器里的视口。
  5. 查看其他详细信息

    “可用屏幕”不含任务栏或程序坞。“宽高比”给出屏幕形状,比如 16:9 或 16:10;“方向”和“色深”补全其余信息。把手机转一下,数值会跟着变。

  6. 复制详情发给客服

    “复制详情”会把每一行复制为文本。粘贴到错误报告或客服对话里,对方就能看到和你的浏览器完全一样的数值。

常见问题

Windows 或 Mac 上怎么查屏幕分辨率?

Windows 的“设置 → 系统 → 屏幕”显示的数值和这里的大数字相同。Mac 的“系统设置 → 显示器”显示的是“看起来像”的尺寸,也就是本页的 CSS 尺寸;大数字是它背后的物理像素。

为什么网站说我的屏幕比实际小?

网站看到的是 CSS 像素。显示缩放高于 100% 时,CSS 像素比物理像素少。乘以设备像素比就是真实分辨率。

我的手机分辨率是多少?

手机的像素比一般在 2 到 3 或更高,所以报告为 390 × 844 CSS 像素、像素比为 3 的手机,物理像素是 1170 × 2532。

视口更大就等于屏幕更大吗?

不是。视口只是浏览器窗口里的网页区域。窗口没有全屏或工具栏占了空间时,视口比屏幕小。

接了两台显示器,数值为什么对不上?

页面读取的是浏览器窗口所在的那块屏幕。把窗口拖到另一台显示器上,数值就会更新。