Что означает термин#
На мобильных устройствах настройка meta viewport помогает соотнести ширину макета с экраном в CSS-пикселях. Сам метатег не исправляет фиксированные широкие блоки, крупные таблицы и неудобные элементы управления. Адаптивность требует проверки содержимого.
Практический пример#
Страница содержит width=device-width, но картинка задана шириной 1200 пикселей без ограничения. На телефоне всё равно появляется горизонтальная прокрутка. Это пример того, почему правильная настройка viewport должна сочетаться с гибкими размерами изображений и сетки.
Как проверить#
Откройте страницу на нескольких ширинах, проверьте прокрутку, масштабирование и доступность кнопок. Сравните поведение при экранной клавиатуре и изменении ориентации. Не запрещайте увеличение ради внешнего вида. Эмуляция DevTools помогает найти ошибки, но не полностью заменяет реальное мобильное устройство.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.