Открыть меню

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

Сидел как-то адаптировал сайт под мобильные устройства. Вроде и верстка неплохая, bootstrap 3, но один элемент да вылезет и испортит всю картину. В процессе решения выработался алгоритм действий:

  1. Самое простое — проверить на валидность w3c, может где-то тег забыли закрыть.
  2. Скроллим в бок до конца и по краю скролла до самого низа проходимся со включенным Dev Tools хрома или аналогами. Правим стили.
  3. Если выше приведенное не помогло — то скорее всего элемент не пересекает напрямую границу горизонтального скролла. Надо снова скролить вправо и вниз, но на этот раз искать элементы с margin/ padding/ большим шрифтом у текста.
  4. Самая запара, когда у псевдоэлементов :before, :after неправильно заданы стили.

Надеюсь, сломанных глаз станет немного меньше.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2020 Продвижение сайтов в Санкт-Петербурге · Копирование материалов сайта без разрешения запрещено