My Screen Resolution is:

Aspect Ratio -
The proportional relationship between width and height, which determines the screen shape. Device Pixel Ratio (DPR) tells you how many device pixels equal one CSS pixel (e.g., DPR 2 means each CSS pixel uses a 2×2 grid of device pixels).
Viewport Size -
Current browser window dimensions, these change when you resize your browser.
Color Depth -
Bits per pixel for color representation, higher values mean more colors and better image quality.
Pixel Density -
Device pixel ratio, higher values indicate high DPI displays like Retina screens. High-DPI screens look sharper because they pack more physical pixels into the same CSS size.

Screen Ratio Visualization

16:9