Что такое адаптивная верстка?

Адаптивная верстка — это подход к веб-дизайну и разработке, при котором макет и элементы веб-страницы изменяются в зависимости от разрешения экрана устройства пользователя. Цель — обеспечить оптимальный и удобный просмотр контента на различных устройствах: деktopные компьютеры, планшеты, смартфоны.

Основные принципы:

• Гибкие сетки (Fluid Grids): Использование относительных единиц (например, проценты) вместо жестких пикселей для размеров элементов и отступов.
• Гибкие изображения (Flexible Images): Масштабирование изображений пропорционально размеру контейнера, чтобы они не выходили за его пределы.
• Медиа-запросы (Media Queries): Использование CSS-правил, которые применяются в зависимости от характеристик устройства, таких как ширина экрана, высота, ориентация и разрешение.

css