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