Что означает термин#
Относительные размеры, гибкие сетки и ограничения ширины позволяют использовать пространство разных экранов. Это часть адаптивного проектирования, но не полная его замена: иногда на узком экране требуется изменить саму композицию, порядок или количество колонок.
Практический пример#
Основной контейнер занимает доступную ширину с боковыми отступами, но имеет max-width для удобного чтения на большом мониторе. Изображение ограничено шириной контейнера. На телефоне колонки перестраиваются, а не просто сжимаются до нечитаемого состояния.
Как проверить#
Плавно меняйте ширину окна между контрольными точками, а не проверяйте только несколько готовых размеров. Добавьте длинные заголовки и непереносимый URL, увеличьте шрифт. Проверьте отсутствие горизонтальной прокрутки и слишком длинных строк. Если интерфейс помещается только с уменьшенным текстом, это не доказывает его адаптивность: важно сохранить читаемость и возможность выполнять действия.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.