design

Meta viewport: width=device-width и типичные ошибки мобильной вёрстки

Meta viewport: width=device-width и типичные ошибки мобильной вёрстки

<meta name="viewport" content="width=device-width, initial-scale=1"> задаёт CSS viewport width ≈ ширине устройства; без него mobile browser эмулирует desktop width ~980px.

Запрет масштабирования (maximum-scale=1, user-scalable=no) ухудшает доступность для пользователей с нарушением зрения.

- [Using the viewport meta tag — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag) — Параметры и примеры.

---

## Layout

Не полагайтесь на vw для мелкого текста без min-font-size — на узких экранах читаемость падает.

Проверяйте real devices, не только DevTools preset.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.