Ответ
Viewport — это видимая область веб-страницы в окне браузера. На мобильных устройствах он может отличаться от реального размера экрана, поэтому важно управлять им через метатег <meta name="viewport"> для корректного отображения контента.
Пример настройки viewport для адаптивного дизайна:
<meta name="viewport" content="width=device-width, initial-scale=1.0">Где:
width=device-width— ширина viewport равна ширине устройстваinitial-scale=1.0— масштаб 100% при загрузке
Без правильного viewport мобильные браузеры могут показывать страницу как уменьшенную десктопную версию.