开发与网页
怎么查看屏幕分辨率
游戏、视频设置或客服表单要你填屏幕分辨率,可你查到的几个数字对不上。下面找出真实分辨率,弄明白缩放为什么会改变它,并读出浏览器窗口的大小。电脑、平板和手机都能用。
浏览器缩放也会改变像素比。先按 Ctrl + 0(Mac 上按 Cmd + 0)把缩放恢复到 100%。
打开屏幕分辨率目录
恢复浏览器缩放
放大或缩小网页会改变浏览器报告的数值。按 Ctrl + 0,Mac 上按 Cmd + 0,让缩放回到 100%。在手机上用双指捏回正常大小。
打开 cv.cm 的屏幕分辨率
大数字就是屏幕的物理像素分辨率,比如 1920 × 1080。如果它有通用名称,比如 Full HD(1080p)或 4K UHD,会显示在第一行。
打开屏幕分辨率理解 CSS 像素和缩放
Windows 的 125% 缩放和 Retina 屏,都是用更多物理像素来显示一个 CSS 像素,让文字更大。“设备像素比”说明是多少倍:1920 × 1080 的屏幕在 125% 缩放下显示为 1536 × 864 CSS 像素,像素比为 1.25。
在 125% 缩放下,1920 × 1080 物理像素会报告为 1536 × 864 CSS 像素。 查看视口
“浏览器视口”是窗口中显示网页的部分,以 CSS 像素计。调整窗口大小,它会立刻变化。网页设计师做响应式布局用的就是这个尺寸。
屏幕、去掉任务栏后的可用空间,以及浏览器里的视口。 查看其他详细信息
“可用屏幕”不含任务栏或程序坞。“宽高比”给出屏幕形状,比如 16:9 或 16:10;“方向”和“色深”补全其余信息。把手机转一下,数值会跟着变。
复制详情发给客服
“复制详情”会把每一行复制为文本。粘贴到错误报告或客服对话里,对方就能看到和你的浏览器完全一样的数值。
常见问题
Windows 或 Mac 上怎么查屏幕分辨率?
Windows 的“设置 → 系统 → 屏幕”显示的数值和这里的大数字相同。Mac 的“系统设置 → 显示器”显示的是“看起来像”的尺寸,也就是本页的 CSS 尺寸;大数字是它背后的物理像素。
为什么网站说我的屏幕比实际小?
网站看到的是 CSS 像素。显示缩放高于 100% 时,CSS 像素比物理像素少。乘以设备像素比就是真实分辨率。
我的手机分辨率是多少?
手机的像素比一般在 2 到 3 或更高,所以报告为 390 × 844 CSS 像素、像素比为 3 的手机,物理像素是 1170 × 2532。
视口更大就等于屏幕更大吗?
不是。视口只是浏览器窗口里的网页区域。窗口没有全屏或工具栏占了空间时,视口比屏幕小。
接了两台显示器,数值为什么对不上?
页面读取的是浏览器窗口所在的那块屏幕。把窗口拖到另一台显示器上,数值就会更新。