我的屏幕分辨率是多少？
屏幕分辨率检测会在页面加载的瞬间自动识别您的屏幕分辨率，并以物理像素显示您的屏幕。它还会读取浏览器视口、设备像素比、色彩深度和宽高比，让您无需打开任何系统设置，就能全面了解自己的显示参数。
它适合测试响应式布局的网页开发者、检查作品在不同尺寸下渲染效果的设计师、调试显示设置的玩家，以及任何想弄清自己的显示器或手机究竟是什么参数的人。在常见分辨率参考和断点视图之间切换，即可实时把自己的屏幕与标准设备以及 CSS 断点进行对比。
如何使用屏幕分辨率检测
查看屏幕和视口
页面会自动检测所有信息。屏幕分辨率显示显示器的原生像素，浏览器视口显示浏览器内容区域的当前尺寸。
查看详细参数
在主显示区下方，您会看到以百万像素表示的总像素、设备像素比、色彩深度和宽高比。点按任意卡片上的信息图标可查看简短说明。
与参考标准对比
切换到常见分辨率，把您的屏幕与台式机、笔记本、平板和手机的标准分辨率对照；或切换到断点，查看视口落在哪个 CSS 断点内。匹配的条目会高亮显示。
复制屏幕信息
点击复制信息，或按 Ctrl+C（Mac 上为 Cmd+C），即可把所有细节复制到剪贴板，方便粘贴到问题报告或测试记录中。
功能特色
实时检测
调整窗口大小、更改显示缩放或旋转设备时，每个数值都会即时更新。
可视化设备外框
屏幕上的外框会在台式机、笔记本、平板和手机之间切换，与您当前的视口相匹配。
缩放显示检测
当系统对屏幕进行缩放时，会同时显示原生分辨率和缩放后分辨率，以及精确的缩放百分比。
参考分辨率对比
把您的屏幕与常见的台式机、笔记本、平板和手机分辨率对比，匹配项会高亮显示。
CSS 断点指示
查看您的视口当前落在哪个 Bootstrap 5 断点（XS、SM、MD、LG、XL、2XL）。
一键复制
一键复制原生分辨率、视口、像素数、DPR、色彩深度、宽高比、设备类型和断点。
常见问题
我的屏幕分辨率是多少？
屏幕分辨率是指您的屏幕能显示的物理像素数量，写作宽度乘高度（例如 1920 × 1080）。本工具会自动检测，并在页面打开的瞬间在屏幕分辨率卡片中显示出来。
怎么在浏览器里查看屏幕分辨率？
只需打开本页面即可。它通过 JavaScript 直接从浏览器读取分辨率，无需安装或配置任何东西。在台式机、笔记本、平板和手机浏览器上的用法完全一样。
1920x1080 这样的分辨率是什么意思？
它表示屏幕宽 1920 像素、高 1080 像素，也就是 Full HD。像素越多，画面通常越清晰。本工具会为您标注常见分辨率，例如 HD、Full HD、QHD、4K UHD、5K 和 8K UHD，并以百万像素显示总量。
屏幕分辨率和视口尺寸有什么区别？
屏幕分辨率是显示器的完整像素数量。浏览器视口则是绘制网页内容的那块较小的可见区域，因为它不包含浏览器的工具栏和操作系统的任务栏。视口会随窗口大小调整而改变，屏幕分辨率则不会。
为什么我的分辨率和显示器规格不一样？
这几乎总是显示缩放造成的。现代系统会对高 DPI 屏幕进行缩放以放大文字，因此一台 4K 显示器在 150% 缩放下报告的有效分辨率为 2560 × 1440，而其原生分辨率仍是 3840 × 2160。本工具会同时显示这两个数值以及缩放百分比。
什么是设备像素比（DPR）？
设备像素比表示一个 CSS 像素由多少个物理像素组成。Retina 和其他 HiDPI 屏幕常见的 2x DPR，意味着每个 CSS 像素由 4 个（2 × 2）物理像素渲染，从而让文字和图像更清晰。DPR 越高，屏幕像素密度越大。
这里的 CSS 断点是怎么工作的？
CSS 断点是响应式布局发生变化时的视口宽度。断点视图采用 Bootstrap 5 的区间——XS（低于 576px）、SM、MD、LG、XL 和 2XL（1400px 及以上）——并高亮显示您的视口所处的那一个，非常适合测试响应式设计。
我的屏幕信息会被发送到服务器吗？
不会。所有检测都完全在您的浏览器中通过 JavaScript 运行。您的分辨率、视口和设备信息绝不会传输到我们的服务器或任何第三方，因此您的隐私得到充分保护。
可以在手机或平板上使用吗？
可以。它能在任何带有现代浏览器的设备上运行。在手机和平板上，您可以旋转设备，实时观察视口尺寸、屏幕方向和宽高比的变化。
还没有评论，快来发表第一条！