arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны причины горизонтального скролла на мобильном: элемент с фиксированной шириной больше ширины экрана. Инструменты поиска: Shift+O для контурных линий, Inspect в браузере для поиска проблемного элемента. Решение — замена пикселей на проценты или max-width. Самый быстрый способ найти виновника: открыть DevTools в браузере, выбрать элемент через Inspect и искать тот, у которого ширина в px выходит за 100vw. В Taptop для быстрой диагностики — Shift+O показывает все контурные линии. Урок для всех, кто столкнулся с горизонтальным скроллом после завершения вёрстки. Конкретное решение конкретной проблемы — идеально для поиска по ошибке. Понимание единиц измерения (px vs %) ускорит починку и предотвратит повторение.

Как убрать горизонтальный скролл на мобильной версии

На мобильном появился горизонтальный скролл — страница едет вбок. Элементов много, и непонятно, какой виноват. Как быстро найти причину?
Горизонтальный скролл чаще всего вызван элементом с фиксированной шириной больше экрана. Shift+O — режим контурных линий: выбивающийся элемент подсвечивается. Решение: убрать фиксированную ширину, заменить на max-width. Для всех. После просмотра находишь и устраняешь горизонтальный скролл на мобильной версии за несколько минут.
Тайминги видео
00:00 — я отвечу на часто задаваемый вопрос 00:35 — портретный режим так как он имеет 01:09 — мы видим контурные линии всех страни 01:42 — появляться горизонтальный скролл Например у меня

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока