Site building · Website glossary

Viewport

Quick answer · What is Viewport?

The region through which a user views a web document, with layout and visual viewport concepts on mobile devices.

IN PRACTICE

Viewport: an example

A narrow viewport makes a responsive layout show one card per row.

KEEP IN MIND

Screen dimensions and viewport dimensions can differ because of browser UI, zoom, and page configuration.

Put the idea to work

Frequently asked questions

What is a practical example of Viewport?

A narrow viewport makes a responsive layout show one card per row.

Are viewport dimensions the same as screen dimensions?

Screen dimensions and viewport dimensions can differ because of browser UI, zoom, and page configuration.

Which concepts should I read alongside Viewport?

Responsive design: An approach that adapts content presentation to available space and device characteristics.
CSS: Cascading Style Sheets define how web content is presented, including layout, typography, spacing, and visual states.