Адаптация Tilda для телефона и планшета

Проверяйте страницу целиком

Мобильная версия требует отдельной проверки даже при использовании стандартных блоков. Проблема может появиться из-за длинного заголовка, широкой таблицы или изображения с важными деталями по краям.

Пройдите по странице сверху вниз

1. Откройте мобильный предпросмотр и проверьте заголовок, меню и основную кнопку.
2. Посмотрите, не выходит ли текст за границы экрана. Проверьте длинные слова, телефон и ссылки.
3. Убедитесь, что изображение сохраняет смысл после изменения пропорций.
4. Для Zero Block переключайте диапазоны ширины и поправляйте положение, размеры текста и высоту блока.
5. Проверьте опубликованную страницу на настоящем телефоне, затем поверните его горизонтально.

Уменьшение всего экрана целиком часто делает текст слишком мелким. Сначала упростите композицию: расположите колонки одна под другой и сократите второстепенные детали. Скрывая блоки по диапазонам, убедитесь, что важная информация остаётся доступной.

Практическое задание

Проверьте учебный сайт при ширине 360, 390, 768 и 1280 пикселей. Запишите найденные проблемы в три колонки: элемент, проблема, исправление. После исправлений повторите проверку.

Проверьте себя

• Нет горизонтальной прокрутки страницы.
• Заголовки и контакты читаются без увеличения.
• Кнопки удобно нажимать.
• Фиксированные элементы не закрывают текст.