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

Зачем initial-scale, почему user-scalable=no вредит доступности и как viewport влияет на CLS.

`<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 — Параметры и примеры.

Layout

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

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