What Is My Screen Resolution?
See your screen resolution, viewport size and pixel ratio, live
Your screen resolution
— × —
Detecting your screen…
Display details
Browser viewport
Viewport
— × —
Resize this window, rotate your phone or zoom the page: the numbers update live.
Frequently asked questions
Why does it show a lower resolution than my monitor?
Browsers report screen size in CSS pixels. With display scaling at 150% or on a Retina screen, a 2880 × 1800 panel reports 1440 × 900 with a pixel ratio of 2. The physical pixels field multiplies the two to show the panel's native resolution.
What is the difference between screen resolution and viewport size?
Screen resolution is the whole display. The viewport is the area inside the browser window where the page is drawn, without tabs, toolbars or the taskbar. Responsive CSS breakpoints react to the viewport, not the screen.
What is device pixel ratio?
How many physical pixels make up one CSS pixel. Standard monitors are 1, Retina Macs and most phones are 2 or 3. Zooming the page in or out also changes it, which is why the value here moves when you zoom.
What is the most common screen resolution?
On desktops, 1920 × 1080 (Full HD, 16:9) is still the most common, followed by laptop sizes like 1536 × 864 and 1366 × 768. On phones, CSS widths between 360 and 430 pixels cover most devices.
How do I find my screen resolution in Windows or macOS?
On Windows, go to Settings, System, Display, Display resolution. On macOS, open System Settings, Displays. Those show the native or scaled resolution, while this page also shows the size websites see.