CSS 像素和实际像素有什么区别？

CSS 像素是构建网页时使用的单位。实际（设备）像素是屏幕上的物理发光点。设备像素比是每条边上每个 CSS 像素对应的实际像素数，因此比值为 2 意味着每个 CSS 像素对应 4 个实际像素。页面会显示您屏幕的这两个数值，并列出乘法计算过程。

为什么我缩放浏览器时屏幕分辨率会变化？

浏览器缩放会同时改变屏幕和窗口的 CSS 尺寸以及设备像素比。顶部的实际像素数值基本保持不变，但 CSS 数值、像素比和视口大小会改变。页面上的数字会实时更新，因此您可以观察到变化过程。

视口是浏览器窗口内的页面区域，以 CSS 像素为单位。它比屏幕小，因为浏览器有工具栏、标签页、滚动条，并且窗口可能未最大化。当您调整窗口大小时，它会实时更新。页面还会显示整个窗口大小和屏幕的可用区域。

刷新率是通过大约 3 秒内计算动画帧数来测量的。HDR 和色域信息从浏览器的媒体查询中读取，触摸支持则从浏览器报告的触摸点数量获取。如果浏览器未报告某项信息，页面会显示“此浏览器未报告”。按“复制所有详细信息”可将所有信息以纯文本形式复制。

是的。所有工具均可免费使用，无需账号，无需信用卡。处理在你的设备上进行，而不是在我们的服务器上，这正是它能保持免费的原因。

可以。它可在 iOS 和 Android 的主流手机浏览器中运行，无需安装任何东西。

📐

页面顶部的大号数字是您的屏幕分辨率（以实际像素为单位），计算方式为浏览器的屏幕宽度和高度乘以设备像素比。其下方列出了以 CSS 像素为单位的相同尺寸、像素比和宽高比。如果您的像素比不是整数，实际像素数值会四舍五入。

查看您的屏幕分辨率（CSS 和真实像素）、窗口大小、像素比、色彩深度、HDR、触摸支持和刷新率，并复制全部信息。

在浏览器中运行无需注册，无弹窗无需登录永久免费

正在读取您的屏幕...

页面向您的浏览器询问屏幕和窗口的大小及功能，并以通俗的语言显示它们。

这些详细信息保留在您的浏览器标签页中。不会存储或上传任何内容。