Если на телефоне сайт открывается «как на компьютере», без масштабирования, или редиректит на чужую страницу — чаще всего дело в одном из трёх мест: не подключены медиа-запросы для мобильных экранов, сломан редирект между основной версией и поддоменом вроде m.site.ru, либо кэш браузера или CDN отдаёт старую сборку страницы. Дальше по порядку, как это найти.
Как понять, что сломалось именно на телефоне, а не везде
Откройте сайт в режиме инкогнито на телефоне — это исключает кэш и куки. Затем откройте тот же адрес на компьютере через инструменты разработчика (F12), включите режим эмуляции мобильного устройства и обновите страницу с очисткой кэша. Если ошибка воспроизводится только в эмуляции, а не на реальном телефоне — проблема в кэшировании конкретного устройства, а не в коде сайта.
Из-за чего чаще всего ломается адаптация под мобильные
- В шаблоне удалён или неправильно прописан тег viewport в <head>
- CSS-минификатор или плагин кэширования вырезал медиа-запросы вместе с «неиспользуемым» кодом
- Настроен отдельный редирект по User-Agent на m.site.ru, но правило устарело и ведёт на несуществующую страницу
- Тяжёлый JS-скрипт блокирует рендеринг на слабых мобильных процессорах, и страница «зависает» на середине загрузки
Что делать, если верстка не подстраивается под экран
Проверьте исходный код страницы (не через инспектор, а именно «просмотр кода») на наличие строки <meta name=»viewport»>. Если её нет — верстка и не должна адаптироваться, это не баг, а недостающая строка в шаблоне. Если тег есть, ищите в CSS-файле блоки @media — если их не осталось после последнего обновления темы или плагина оптимизации, значит их случайно удалили при минификации, и стили нужно пересобрать заново без агрессивной оптимизации.
Если сайт на WordPress, отключите по очереди плагины кэширования и минификации CSS/JS — в 8 случаях из 10 адаптив ломается именно из-за них, а не из-за темы.
Если дело в редиректе на мобильную версию
Отдельные поддомены для мобильной версии (m.site.ru) — устаревшая практика, которая часто ломается: сертификат для поддомена не продлили, правило редиректа осталось от старого сервера. Самое надёжное решение — вообще отказаться от отдельного мобильного поддомена в пользу адаптивной верстки на одном URL, тогда ломаться там будет нечему.
Если правки в коде не помогают, а страница по-прежнему выглядит на телефоне «сломанной» — очистите кэш на стороне сервера или CDN (у хостинга обычно есть кнопка «Purge cache» в панели), после чего проверьте загрузку ещё раз в режиме инкогнито.