About This Tool

What is 屏幕分辨率 / DPI?

A tool for checking screen resolution, DPI, viewport size, device pixel ratio, and other display information. Useful for responsive web design, display settings verification, and browser environment identification.

How to Use

  1. Screen information is automatically displayed when you visit the page.
  2. Check screen resolution, viewport size, DPI, and more.
  3. Additional info like touch support and color depth is also available.

Key Features

  • Screen resolution and viewport size
  • Device pixel ratio (DPR) and estimated DPI
  • Color depth and orientation info
  • Browser language, platform, and environment details

Tips

  • A device pixel ratio (DPR) of 2 indicates a Retina display.
  • Common resolutions: FHD (1920x1080), QHD (2560x1440), 4K (3840x2160).
  • Resizing the browser window updates viewport info in real time for responsive design testing.

Frequently Asked Questions

屏幕分辨率和视口大小有什么区别?

屏幕分辨率是显示器上物理像素的总数(如1920x1080)。视口大小是浏览器窗口内可用于网页内容的区域,不包括工具栏、滚动条和OS任务栏。响应式网页设计重要的是视口。

什么是设备像素比(DPR)?

DPR是物理像素与CSS像素的比率。DPR为2意味着每个CSS像素使用2×2物理像素渲染,使文本和图像更清晰。Retina/HiDPI显示器常见。Web开发者使用DPR为高分辨率屏幕提供适当大小的图像。

为什么屏幕分辨率看起来与标称规格不同?

操作系统的显示缩放设置可能使报告的分辨率看起来不同。例如,4K(3840x2160)显示器在200%缩放下报告有效分辨率为1920x1080 CSS像素但DPR为2。一起查看分辨率和DPR值以获得完整画面。


Related Tools