Question 1

什么是屏幕分辨率？

Accepted Answer

屏幕分辨率是指屏幕上显示的像素数量，通常以"宽×高"表示，如 1920×1080。分辨率越高，屏幕上能显示的内容越清晰细腻。常见分辨率包括 720p（1280×720）、1080p（1920×1080）、2K（2560×1440）和 4K（3840×2160）。

Question 2

什么是设备像素比（DPR）？

Accepted Answer

设备像素比（Device Pixel Ratio）是物理像素与CSS像素的比值。例如 DPR=2 表示1个CSS像素等于2×2个物理像素，这就是所谓的"Retina"或"高分屏"。DPR越高，屏幕显示越细腻，但网页需要适配高DPI以避免模糊。

Question 3

屏幕分辨率和浏览器窗口大小有什么区别？

Accepted Answer

屏幕分辨率是显示器的固定物理属性（如 1920×1080），而浏览器窗口大小可以小于屏幕分辨率，且可以自由调整。视口（Viewport）大小是浏览器内部可用于渲染网页的区域，通常比窗口略小（减去工具栏、滚动条等）。

Question 4

如何利用屏幕信息进行响应式开发？

Accepted Answer

通过了解目标用户的屏幕分辨率、设备类型和像素比，可以制定合理的断点策略。例如手机端通常 < 768px，平板 768-1024px，桌面 > 1024px。高DPR设备需要提供2x/3x图片资源。本工具的"分辨率模拟"功能可以帮助快速测试不同设备的显示效果。

屏幕分辨率检测

常见问题