Що таке viewport у контексті веба?

Viewport - це область видимої частини веб-сторінки у вікні пристрою (браузера, телефона, планшета). Те, що користувач реально бачить без прокрутки, і є viewport.

Особливості:

• на десктопі viewport ≈ вікно браузера;
• на мобільних пристроях viewport зазвичай менший за повну ширину сайту, і браузер може масштабувати сторінку;
• розмір viewport безпосередньо впливає на адаптивну верстку, медіазапити і поведінку елементів.

Найчастіше viewport керують через мета-тег:

Він каже браузеру:

• використовувати реальну ширину пристрою (width=device-width),
• не масштабувати сторінку типово (initial-scale=1.0).

Підсумок: viewport - це «екранне вікно», усередині якого відображається сторінка, і саме його розміри використовують для адаптивного дизайну.