屏幕和窗口信息
除特别说明外，尺寸都是 CSS 像素，也就是网页使用的单位。把浏览器缩放调回 100%（Ctrl+0，Mac 上 ⌘0）数字才准确。
- 屏幕分辨率
- 检测中… 网站看到的屏幕尺寸。
- 物理分辨率
- 检测中…屏幕分辨率 × 设备像素比，即屏幕面板上的真实像素。
- 视口（浏览器窗口）
- 检测中… 能看到的网页区域，不含工具栏。
- 整个浏览器窗口
- 检测中…
- 可用屏幕区域
- 检测中…屏幕减去任务栏、程序坞或菜单栏。
- 设备像素比
- 检测中…
- 屏幕比例
- 检测中…
- 方向
- 检测中…
- 色深
- 检测中…
- 色域
- 检测中…
- HDR
- 检测中…
- 刷新率
- 检测中…
- 触摸屏
- 检测中…
- 显示器
- 检测中…
视口在屏幕上的位置
外框是你的屏幕，阴影框是这个网页的可见区域，也就是浏览器窗口所在的位置。
常见屏幕分辨率
显示器和笔记本是物理像素；手机和平板是 CSS 像素，也就是网站看到的尺寸。和你的屏幕一致的行会被标出来。
| 名称 | 分辨率 | 比例 | 常见设备 |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | 高清电视、小尺寸笔记本 |
| WXGA | 1366 × 768 | 16:9 | 入门笔记本 |
| HD+ | 1600 × 900 | 16:9 | 17 英寸笔记本、老显示器 |
| Full HD (1080p) | 1920 × 1080 | 16:9 | 大多数显示器和笔记本 |
| WUXGA | 1920 × 1200 | 16:10 | 办公显示器、笔记本 |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27 英寸显示器、游戏 |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air / Pro、16:10 笔记本 |
| UWQHD | 3440 × 1440 | 21:9 | 34 英寸带鱼屏 |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K 显示器和电视 |
| 5K | 5120 × 2880 | 16:9 | iMac、Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone（CSS 像素） |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone（CSS 像素） |
| Android | 412 × 915 | 20:9 | 安卓手机（CSS 像素） |
| iPad | 810 × 1080 | 4:3 | iPad（CSS 像素） |
什么是屏幕分辨率
屏幕分辨率是屏幕横向和纵向显示的像素数，写成“宽 × 高”。全高清显示器是 1920 × 1080：横向 1920 个像素、纵向 1080 个，总共约 200 万个像素。
同样大小的屏幕，像素越多，文字和图片越清晰。所以一台 13 英寸笔记本的分辨率可能比 24 英寸的办公显示器还高。
为什么检测出的分辨率比显示器低
Windows、macOS、iOS 和安卓会把界面整体放大，让高清屏上的文字不至于太小。一台 1920 × 1080 的笔记本开 125% 缩放时，告诉网站的屏幕尺寸是 1536 × 864；2560 × 1600 屏幕的 MacBook 通常报告 1440 × 900 或 1470 × 956。
网站只能看到这种缩放后的尺寸，叫 CSS 像素。乘以设备像素比就是物理分辨率，本页在大数字下方直接显示出来。浏览器缩放也会改变像素比，所以比较之前请先把缩放调回 100%。
屏幕分辨率、视口和窗口大小的区别
- 屏幕分辨率：整块屏幕，包括被其他窗口挡住的部分。
- 可用屏幕区域：屏幕减去任务栏、程序坞或菜单栏。
- 浏览器窗口：整个窗口，包括标签页、地址栏和边框。
- 视口：窗口里显示网页的部分。网页设计师调响应式布局看的就是这个尺寸，改变窗口大小或打开开发者工具时它会变化。
怎么修改屏幕分辨率
- Windows 11 和 10：在桌面点右键 > 显示设置 > 显示器分辨率。标着“推荐”的就是显示器的原生分辨率，缩放比例在它上面一项。
- macOS：苹果菜单 > 系统设置 > 显示器，选一个尺寸。选“更大字体”会使用更少、更大的 CSS 像素，屏幕的物理分辨率不变。
- iPhone 和安卓手机：分辨率是固定的。“显示缩放”（iPhone）或“显示大小”（安卓）改变的是界面大小，也就是网站看到的 CSS 尺寸。
- 想要画面最清晰，保持原生分辨率，改缩放比例就好。
常见问题
我的屏幕分辨率是多少？
就在本页顶部，由你的浏览器直接读取。大数字是网站看到的尺寸，下面一行是显示器的物理分辨率和系统的缩放比例。
显示器是 1920 × 1080，为什么检测出来是 1536 × 864？
因为系统开了 125% 缩放，网站看到的屏幕缩小为原来的 1/1.25。物理分辨率仍是 1920 × 1080，显示在大数字下方。同理，150% 缩放会让 1920 × 1080 变成 1280 × 720。
1920 × 1080 就是 1080p 和 2K 吗？
1920 × 1080 是全高清（Full HD），也叫 1080p。显示器说的 2K 一般指 2560 × 1440（QHD、1440p），电影行业的 2K 则是 2048 × 1080。4K UHD 是 3840 × 2160，像素是 1080p 的 4 倍。
视口大小是什么？
视口是浏览器窗口里显示网页的区域，不含标签页、地址栏和滚动条。响应式网站根据它调整布局，设计师问“浏览器尺寸”时说的就是它。
设备像素比是什么？
就是一个 CSS 像素由几个物理像素组成。1 表示没有缩放，Retina Mac 和很多手机是 2，新款 iPhone 是 3。浏览器缩放也会改变它。
手机怎么查看屏幕分辨率？
用手机打开本页即可。手机报告的是 CSS 像素，例如 iPhone 15 是 393 × 852，乘以像素比 3 就是屏幕的 1179 × 2556 像素，本页会自动算好。
刷新率准确吗？
它是根据浏览器绘制画面的频率测出来的，接近但不精确。省电模式、后台标签页或电脑繁忙时，可能比显示器设置的数值低。
相关教程
- IP地址是什么？
IP地址就是互联网用来决定"数据该发给谁"的那串数字。下面讲清它长什么样、分哪几种，以及你的IP会透露哪些信息。
- 怎么查自己的IP地址
公网IP点一下就能查到，内网IP的查看方法则因设备而异。下面按设备逐一列出具体步骤。
- IPv4和IPv6有什么区别？
IPv4地址已经用完，所以才有了IPv6。下面对比两者的区别，教你判断自己用的是哪种，并说明用VPN时IPv6为什么值得注意。
- DNS泄露是什么？怎么修复？
就算开着VPN，你的设备也可能仍在向运营商查询你访问的每个网站，这就是DNS泄露。下面教你怎么发现并堵住它。