What is a viewport?

The viewport is simply the part of the web page that you can see on your screen. It’s the space where all the content you view on websites fits. The size of the viewport changes depending on the device you’re using (phone, tablet, laptop, etc.) and how big you make the browser window.

Why does the viewport size matter?

Knowing the size of your viewport is important because it tells you how much of the web page can be seen without scrolling. This helps web designers make sure websites look good on all types of screens.

How to use this free ‘What is my viewport’ tool?

1. Open the Tool: You’re already here!
2. See the Size: The tool will instantly show you the width and height of your screen or browser window.
3. Resize the Window: Try making your browser window bigger or smaller, and watch how the viewport size changes. This helps you see how your screen size adjusts.

What information will you see?

• Width: The width tells you how many pixels fit across the screen from left to right.
• Height: The height tells you how many pixels fit from top to bottom.