Инструменты
Проверка адаптивности сайта
Посмотрим на метатег viewport, медиазапросы и признаки жёсткой вёрстки, из-за которых сайт неудобен на телефоне.
Бесплатно · без регистрации · данные не сохраняются
Зачем это нужно
Мобильный трафик часто больше десктопного. Если сайт не адаптирован, пользователи уходят, а поисковик занижает мобильную выдачу.
Как пользоваться
- Укажите адрес сайта.
- Получите базовые признаки адаптивности.
- Исправьте viewport и фиксированные ширины, затем проверьте в браузере на реальном телефоне.
Частые вопросы
Что такое viewport?
Метатег, который сообщает браузеру ширину экрана. Рабочий вариант: width=device-width, initial-scale=1.
Достаточно ли media queries?
Нет. Важны гибкие контейнеры, изображения с max-width: 100%, читаемый шрифт и удобные кнопки.
Это точная проверка внешнего вида?
Инструмент анализирует разметку без рендера. Полный визуальный тест делайте в браузере или через скриншоты.