See your current viewport and screen resolution — updates live as you resize the window.
The viewport is the area inside the browser window where the page renders — it is what CSS media queries test with max-width and min-width. The screen resolution is the full display. They are different: a maximised browser on a 1920×1080 screen has a viewport of roughly 1920×969 (minus browser chrome).
This tool shows the viewport dimensions in real time, updating as you resize the window. Web developers use it to test responsive breakpoints without opening DevTools.
The pixel ratio is included because it affects how images and CSS render: a 2× display needs @2x images for sharp rendering.
Screen resolution is the full display. Viewport is the browser window content area — smaller by the height of the address bar, tabs and system bars.
Yes — the viewport on mobile is the area between the address bar and the bottom navigation.
No. Everything runs locally in JavaScript on your device — nothing is transmitted or stored.
Vai.la turns any URL into a short link with click statistics, QR Code and your own biolink.
Vai.la is not responsible for how the tools are used or for decisions made based on their results.