Что такое Responsive Web-страница

Responsive Web-страница — это страница, которая корректно отображается и адаптируется под разные устройства и размеры экранов (ПК, планшеты, смартфоны). Основные инструменты: 1. **Медиазапросы (Media Queries)** ```css @media (max-width: 768px) { .container { padding: 10px; } } ``` 2. **Гибкие сетки (Flexbox/Grid)** ```css .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } ``` 3. **Относительные единицы (%, vw, rem)** ```css body { font-size: 1rem; } .box { width: 100%; max-width: 1200px; } ``` 4. **Адаптивные изображения** ```html ``` Ключевые принципы: Mobile-First, прогрессивное улучшение, кросс-браузерность.