Detect your screen and viewport details
Screen resolution is the number of pixels your display can show, expressed as width x height (e.g. 1920x1080). Higher resolution means sharper images.
Screen resolution is the total pixels of your physical display. Viewport is the visible browser area where web content renders, excluding toolbars and taskbars.
Device pixel ratio (DPR) is the ratio between physical and CSS pixels. A DPR of 2 (Retina) means each CSS pixel uses 4 physical pixels for sharper rendering.