我的屏幕分辨率
查看浏览器报告的屏幕尺寸和窗口尺寸(CSS 像素),以及设备像素比量不到什么。
浏览器报告的屏幕尺寸,CSS 像素
…
窗口尺寸,CSS 像素
…
设备像素比
…
设备像素的估算
…
缩放和系统缩放会改变这个比值,所以这不是屏幕面板的测量值。
怎么读这个数
第一个数是浏览器报告的屏幕尺寸,单位是 CSS 像素。窗口可以更小。设备像素比为 2 时,1920×1080 CSS 像素大约是 3840×2160 设备像素。缩放和系统缩放会改变这个比值,所以乘积只是估算,不是屏幕面板的测量值。
什么会离开这个标签页
这些尺寸在这个标签页里读取,不上传。
常见问题
屏幕和窗口有什么不同?
屏幕是浏览器报告的显示器尺寸。窗口是这一页的视口,可以更小。
设备像素比是什么意思?
CSS 像素乘以这个比值,是设备像素的估算。比值为 2 时,1920×1080 大约是 3840×2160。缩放和系统缩放会改变比值,所以这不是屏幕面板的测量值。
这个尺寸是 HTTP 头吗?
不是。页面在标签页里读取它。除非别的脚本读了再发出去,它不会跟着请求送出。
为什么这可能和显示器标称尺寸不同?
系统缩放会让一块 4K 面板报告更小的 CSS 尺寸。浏览器报告的是缩放之后的尺寸。
方向呢?
把手机转过来,浏览器报告的宽和高会互换。转好之后重新打开页面即可看到新的读数。