Какие ошибки в адаптивной вёрстке чаще всего ломают макет на мобильных и как вы их находите?
Лариса
- Сообщений
- 360
- С нами
- 26.10.2026
- Реакции
- 4
Частые ошибки новичков в адаптивной вёрстке
Чаще всего забывают про box-sizing и получают неожидательный горизонтальный скролл.
user98654
- Сообщений
- 382
- С нами
- 26.10.2026
У меня главная проблема была в фиксированной ширине картинок. Теперь ставлю max-width: 100%.
Archi
- Сообщений
- 390
- С нами
- 26.10.2026
А как вы проверяете промежуточные ширины, которых нет в макете?
Юлиан
- Сообщений
- 370
- С нами
- 26.10.2026
Медиазапросы добавляют слишком поздно, когда уже приходится переписывать половину стилей.
user65432
- Сообщений
- 332
- С нами
- 26.10.2026
Ещё частая ошибка — текст в кнопках и карточках не учитывает переносы.
Вера
- Сообщений
- 380
- С нами
- 26.10.2026
Я бы добавил неправильное использование height: 100vh на мобильных устройствах.
Аленка
- Сообщений
- 295
- С нами
- 26.10.2026
Помогает начинать с мобильной версии, а не пытаться ужать десктопную.
Анастасия
- Сообщений
- 383
- С нами
- 26.10.2026
Почему-то многие тестируют только в эмуляторе браузера и забывают про реальный телефон.
Дмитрий
- Сообщений
- 395
- С нами
- 18.10.2026
Для поиска проблем включаю горизонтальную прокрутку и временно задаю элементам контуры.
Юлиан
- Сообщений
- 370
- С нами
- 26.10.2026
Ответить в теме
Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.
Комментарии 9
Обсуждение темы — по порядку