How to check your screen resolution
- Open this page; the resolution is shown at the top.
- Check the browser window size and pixel ratio below it.
- Resize the window or rotate your phone to see the values change.
Screen resolution vs viewport
Screen resolution is the size of the whole display; the viewport is the part of the browser window where the page is drawn, without toolbars and scrollbars. Web designers build layouts for the viewport.
CSS pixels and scaling
Operating systems scale high-density screens so text stays readable. The browser reports sizes in CSS pixels; multiply by the device pixel ratio to get physical pixels, the number on the monitor's spec sheet.
Common resolutions
1920Γ1080 (Full HD) is still the most common desktop size, followed by 1366Γ768, 2560Γ1440 (QHD) and 3840Γ2160 (4K). Phones report around 360β430 CSS pixels wide.
Frequently asked questions
Why is my resolution lower than my monitor's?
With display scaling, browsers report CSS pixels. A 3840Γ2160 screen at 150% scaling shows as 2560Γ1440; physical pixels shows the real number.
What is device pixel ratio?
How many physical pixels make up one CSS pixel. Retina and most phone screens are 2 or 3.
What is the viewport?
The visible area of the page inside the browser window, which web designers use for responsive layouts.
Is anything sent to a server?
No. The values are read in your browser.