屏幕分辨率查询

屏幕分辨率查询是什么：屏幕、视口与缩放比

屏幕分辨率查询，是在浏览器里一次读全屏幕与窗口的各项尺寸：屏幕分辨率、可用区域、视口尺寸、 设备像素比与由它换算出的物理像素分辨率。它回答的是「我这块屏在网页眼里有多大」， 而不是「我这块屏好不好」。

屏幕分辨率检测查的是哪几个数

在线分辨率检测通常只甩四个数字就完事，本页把 22 个只读属性全部列出来， 分成屏幕、窗口、文档、视觉视口四组。想查看当前分辨率看第一组，想知道网页能画多大看第二组， 想弄清滚动条占了多少看第三组。每一项都注明来自哪个接口，读不到的如实写「不支持」， 绝不用 0 冒充读数。

英文里的 screen resolution test 指什么

英文站上这类工具常叫 screen resolution test 或 what is my screen resolution， 查的对象和本页完全一样：浏览器暴露的那几个尺寸属性。区别在于中文语境多了「2K」这类叫法上的分歧， 也多了系统缩放带来的误会，所以本页把换算链和名称分歧都写在正文里，而不是只丢几个数字。

屏幕、视口与缩放比三者的分工

屏幕是显示器的属性，视口是网页的属性，设备像素比是连接两者的那座桥。 三者一起看才能解释绝大多数疑问：为什么网页读到的数字比参数表小， 为什么同一块屏在不同缩放下报出不同的值，为什么手机上永远只有三百多。

怎么在线查我的屏幕分辨率和视口尺寸

本页无需任何输入：打开即读，改窗口即更新，读完即显示。整个过程不申请任何浏览器权限， 也不需要安装扩展或软件。

电脑分辨率怎么看：显示器与笔记本的差别

显示器分辨率查询与笔记本分辨率查询在本页是同一套读数，差别在于笔记本内屏出厂常带系统缩放， 所以网页读到的值会比机身参数小一截。把顶部的物理像素分辨率那一栏和你在系统设置里看到的数字对照， 对上了就说明缩放是本页算出来的那一档。外接显示器时把浏览器窗口拖过去，数值会跟着换。

手机分辨率是多少：手机上怎么查

手机屏幕分辨率查询和电脑上完全一样，直接打开这一页即可，窗口大小检测在手机上表现为随地址栏收起而变化。 手机上读到的数一般是三百多乘八百多，那是 CSS 像素；乘上设备像素比才是参数表里的四位数。 横竖屏切换时数值会自动重算，判断方向请以视口宽高为准。

把屏幕参数一次贴清楚：导出与深链

提 bug、找客服或者问设计师时，最省事的做法是把全部读数一次贴清楚。 页面底部的导出区提供纯文本、Markdown 和 JSON 三种格式，也能直接下载报告文件。 另外，网址后面加上问号 q 等于某个分辨率可以预填查询框，方便把同一个查询结果分享出去。

网页读到的分辨率为什么变小：CSS 像素与 DPR

这是本页要讲清的第一件事：网页读到的是 CSS 像素，面板上的是物理像素， 两者之间差着一个设备像素比。链条只有一条乘法，误会却极多。

DPR 是多少：devicePixelRatio 怎么换算

像素比查询看的就是 window.devicePixelRatio 这一个数。它的含义是一个 CSS 像素铺满多少个物理像素， 所以 CSS 像素乘以它就是物理分辨率换算的结果，反过来除回去就是网页读到的逻辑分辨率。 读不到这个值的时候本页留空，不会默认成 1——把「读不到」伪装成「是 1」是最容易误导人的一种做法。

屏幕缩放比例对照：系统缩放 125% 时网页报多少

下面这张表以一块 1920×1080 面板为例，现算 5 档系统缩放下网页各报多少。 注意最后一列：125% 那档乘回去正好还原，175% 那档却差了零点几个像素， 因为浏览器对 1920 除以 1.75 的结果做了取整，只剩 1097。

浏览器缩放检测的边界：能给什么、不能给什么

浏览器缩放和系统缩放乘在同一个设备像素比里，浏览器没有暴露任何接口能拆开两者。 因此本页只做有把握的那一半：记下你进页面时的基线，之后设备像素比变了就报告相对变化的百分比。 至于「你当前是浏览器 110% 加系统 125%」这种话，本工具一句都不会说。

常见分辨率名称对照表：1080p、2K、4K 是多少

上面的交互表格共收录 39 条常见档位，分 6 组， 可以筛选也可以直接搜。下面这张导读表说明每一组各收了多少条、代表档位是哪些。

1920x1080 是多少，2560x1440 是几 K

1920x1080 就是 1080p、FHD、Full HD、全高清，宽高比 16:9； 2560x1440 就是 1440p、QHD、2K、WQHD。 4K 分辨率是多少这个问题的答案是 3840×2160，也叫 UHD 或 2160p； 1080p 分辨率则是保有量数一数二的那一档，长期占据主流。 这里两处刻意写成半角字母 x 的形态，是因为搜索里两种写法都有人用。

分辨率对照表怎么读：常见分辨率名称与屏幕宽高比

表里每一行给四件事：数值、常见分辨率名称、屏幕宽高比、典型用途。宽高比一列给的是能被算法验回来的值， 不是手抄的宣传口径。以 3440×1440 为例，厂商都印 21:9， 精确算出来其实是 43:18，偏差 2.4%。 工具把两个结果并排给出，比含糊地报一个诚实。

2K 的分歧：中文习惯与 DCI 标准不是一个数

中文语境里说的 2K 通常指 2560×1440，而数字电影 DCI 的 2K 标准是 2048×1080。 两者都在本页的对照表里，查询 2K 时会把 2 条结果都列出来并注明来源， 不假装只有一个答案。同理，手机组里的 1179×2556 在网页里读到的是 393×852，倍率是 3。

视口、可用区域与滚动条：innerWidth 是哪一块

从外到内一共五层：屏幕、可用区域、浏览器窗口、视口、文档。 相邻两层之间的差值分别是系统任务栏、浏览器界面和滚动条，本页把这三个差值逐项算出来。

浏览器视口大小与网页可视区域尺寸

视口尺寸就是网页真正能画东西的那一块，也就是常说的网页可视区域尺寸。 做 viewport 尺寸查询时要留意一件事：浏览器视口大小随窗口、地址栏和软键盘变化， 它和屏幕分辨率是两个概念，前者永远小于后者。

innerWidth、innerHeight 与 clientWidth 的差值

window.innerWidth 与 window.innerHeight 含滚动条，documentElement.clientWidth 不含， 两者的差就是滚动条宽度。经典占位式滚动条通常十几个像素，覆盖式滚动条则是 0， 本页会把是哪一种如实标出来。

可用屏幕尺寸与任务栏占用

可用屏幕尺寸指的是 screen.availWidth 与 screen.availHeight，也就是去掉系统任务栏或 Dock 之后的区域。 屏幕高度减去可用高度就是系统界面吃掉的那一截；窗口外高减去视口高，就是地址栏与书签栏吃掉的那一截。 点页面上的全屏按钮，后一项会当场归零。

手机上的 100vh 问题与 dvh、svh、lvh 实测

这是本页要讲清的第二件事，也是移动端布局最常见的坑：一个写着 100vh 的容器， 在手机上底部总被地址栏挡掉一截。

100vh 问题到底是怎么来的

100vh 问题的根源是多数移动浏览器把 vh 锚在地址栏收起后的大视口上， 而页面刚打开时地址栏还没收起，于是内容被挡。桌面浏览器地址栏不折叠，所以完全感受不到这件事。 本页把 100vh 与当前视口高度的差值直接摆出来，作为本机实证。

dvh、svh、lvh 三个单位怎么选

规范后来补了三个单位：svh 按最小视口算，lvh 按最大视口算，dvh 跟着当前状态动态变。 本页用一个隐藏探针元素量出它们在你这台设备上各等于多少像素， lvh 减 svh 再乘一百就是本机地址栏的可折叠高度。要「永远铺满当前可见区域」就用 dvh， 要「不因地址栏收起而跳动」就用 svh。浏览器不支持这三个单位时该行显示不支持，不补 0。

屏幕方向检测：横竖屏以视口为准

屏幕方向检测有两个数据源，一个是 screen.orientation，一个是方向媒体查询。 部分设备上前者在旋转后不交换宽高，所以两者对不上时本页会同时显示并提示以视口宽高为准。 这也是本页不做机型嗅探的原因：实测值比猜机型可靠得多。

响应式断点当前落在哪档：Tailwind 与 Bootstrap

页面上方的断点区块会告诉你当前视口在两套体系里各落在哪一档，下面两张表是完整的档位对照。 两套断点各 5 档，都用 min-width 写成移动优先的形式。

Tailwind 断点与 Bootstrap 断点数值对照

响应式断点的数值本身是公开且长期稳定的。下面表里的查询串就是本页真正拿去问浏览器的那一串， 展示与执行同源，不会出现表上写一个数、代码里跑另一个数的情况。

matchMedia 实测和按宽度推算差在哪

本页会给两个答案：一个按视口宽度直接推算，一个用 matchMedia 真的问一遍浏览器。 正常情况下两者一致；不一致时差别多半在滚动条宽度上，因为媒体查询按含滚动条的视口宽度算。 另外 min-width 是闭区间，宽度正好等于 640 就已经命中 sm，不是超过才算。

哪些屏幕参数网页读不到

把能力边界写清楚，本身就是这一页最有价值的部分。以下七项浏览器给不出，本页一项都不猜。

物理英寸与像素密度：浏览器完全读不到

浏览器拿不到屏幕的对角线尺寸，所以既算不出多少英寸，也算不出每英寸像素数。 凡是号称能测出你屏幕多少寸的在线工具，要么让你手输尺寸，要么就是按分辨率猜的。 本页宁可少给一项，也不编一个数字。

刷新率、坏点与多显示器：各有各的去处

刷新率要靠动画实测，去 屏幕刷新率测试 那一页； 坏点、亮点与漏光要靠纯色铺屏肉眼排查，去 屏幕坏点测试； 想要一块纯色背景当补光或壁纸，去 纯色全屏。 多显示器的布局需要专门的权限接口才能枚举，本工具坚持零权限，因此如实写读不到。

色深真值、缩放级别与安全区

颜色深度在现代浏览器里基本恒为 24，不代表面板真实位深； 浏览器缩放级别如前所述与系统缩放不可分离； 安全区那一组需要页面把视口设成 viewport-fit=cover 才有非零值，本站未开启， 所以本页不给这项读数，以免让人误以为设备没有刘海。至于显示能力那 9 项， 本页只如实转述浏览器的回答，不替它下「你的屏是 HDR 屏」这种结论。