What is the difference between screen resolution and viewport size?
Screen resolution is the total pixel dimensions of your physical display, such as 1920 by 1080. Viewport size is the area inside your browser window where web content actually renders, which is always smaller because of toolbars, tabs, and bookmarks. Responsive design relies on the viewport, not the screen, so the tool reports both numbers separately to help you debug breakpoints, modal positioning, and mobile layouts accurately.
Why does my reported resolution look smaller than my monitor specs?
Operating systems apply display scaling, often 125 or 150 percent on high-DPI screens, which reduces the effective CSS pixel count even though physical pixels remain the same. A 4K monitor scaled to 200 percent reports as 1920 by 1080 to web pages. The tool shows what the browser sees, which is exactly what your stylesheets and media queries respond to, so the smaller number is the relevant one for development.
How accurate are the dimensions on mobile devices?
On phones and tablets, the tool reads the visual viewport, which changes when you rotate the device, zoom, or open the on-screen keyboard. Reported numbers reflect the current state, not the maximum possible. Pixel ratio also matters because mobile browsers expose CSS pixels rather than physical pixels. If you need both, the tool typically displays devicePixelRatio alongside width and height for full context.
Is any information sent to a server when I check my resolution?
No. The values come from JavaScript properties like window.innerWidth, screen.width, and devicePixelRatio, all of which run locally inside your browser. The tool simply reads and displays them. Nothing is uploaded, logged, or transmitted, which is why the page works offline once loaded. This makes it safe to use on confidential machines or kiosks where outbound connections might be restricted.
Why do I need to know my screen resolution?
Designers verify their layouts at common resolutions before shipping, developers reproduce bugs reported by users, and support teams confirm whether an issue is environment-specific. Content creators use the values when configuring streaming software, screen recorders, or virtual meeting backgrounds. Checking the actual viewport rather than the spec sheet of your hardware ensures you are testing the same dimensions your visitors and viewers actually experience.
Can the values change while the page is open?
Yes, and good tools update live. Resizing the browser, dragging it to a different monitor, rotating a tablet, or toggling fullscreen all change the viewport and sometimes the reported screen. The tool listens for resize and orientationchange events and refreshes the display automatically, so you can experiment without reloading. This live behaviour is especially useful when fine-tuning responsive breakpoints in CSS.
