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
- Screen information is automatically displayed when you visit the page.
- Check screen resolution, viewport size, DPI, and more.
- 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值以获得完整画面。