Understanding Screen Metrics
Screen resolution and viewport dimensions are important for web design, game development, and responsive design debugging.
Key Terms
- Screen Resolution: The total pixel count of your physical display.
- Viewport Size: The visible area inside the browser window (changes with browser UI/zoom).
- Device Pixel Ratio (DPR): The ratio of physical to CSS pixels. Retina displays have DPR of 2 or higher.
- Color Depth: The number of bits used to represent the color of a single pixel. 24-bit = 16.7 million colors.