Как адаптировать приложение под мобильное устройство и веб-браузер

Используйте адаптивный дизайн через CSS Media Queries. Основные подходы: 1. Viewport meta tag в HTML: ```html ``` 2. Гибкие единицы измерения (%, vw, rem): ```css .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 1rem; } ``` 3. Media Queries для разных разрешений: ```css @media (max-width: 768px) { .menu { display: none; } .mobile-menu { display: block; } } ``` 4. Mobile-first подход - сначала стили для мобильных, затем адаптация для десктопа через min-width. 5. Используйте Flexbox/Grid для гибких макетов. 6. Оптимизируйте изображения (srcset) и загрузку ресурсов. 7. Тестируйте на реальных устройствах и в инструментах разработчика.