Viewport — это метатег в HTML, который описывает, как браузер должен отображать веб-страницу на мобильном устройстве.
Viewport позволяет определить ширину и масштаб содержимого страницы в зависимости от размеров экрана устройства, на котором открывается веб-страница. Это позволяет улучшить пользовательский интерфейс и улучшить опыт просмотра на мобильных устройствах.
Для управления viewport используется метатег «meta», который должен быть размещен внутри тега «head» в HTML-коде страницы.
Синтаксис метатега viewport выглядит следующим образом:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Это означает, что ширина viewport должна соответствовать ширине экрана устройства, а масштабирование страницы должно быть установлено на уровне 100% (initial-scale=1.0).
Кроме того, с помощью метатега viewport можно устанавливать другие параметры, такие как минимальный и максимальный размер масштабирования, запретить изменение ориентации экрана, перемещение страницы и т.д.
Viewport является одним из важных элементов адаптивного дизайна, который позволяет создавать веб-страницы, которые будут одинаково хорошо отображаться на всех устройствах и размерах экранов.
