@lKolabrodl

Адаптивная верстка и белая полоса справа, всё перепробывал. Что не так?

Здравствуйте, если вы мне поможете я буду безмерно благодарен.
сайт:
https://lkolabrodl.github.io/4_job/%D0%9C%D0%B5%D0...

белая полоса слева, когда смотришь с мобильного устройства. firebug не показывает эту полосу, но она есть на мобильных и отображается в хроме
делал на сетке бутстрап.
5d71fe192f10e391040314.png
1)viewport прописан,
2)убраны отступы у контейнеров, прописан
3) body{width:100%; height:100%; overflow-x:hidden;}
4) не имею класса content
спасибо за внимание
  • Вопрос задан
  • 6281 просмотр
Решения вопроса 3
daemonhk
@daemonhk
ПсиХоПат
1. В адаптиве для картинок используйте img{ width:auto; max-width:100%; }
2. Чтобы увидеть кто куда вылазит, пропишите *{ border:1px solid red; box-sizing:border-box; }
3. Поработайте еще над футером))
4. Частыми виновниками таких поломок являются стрелки от slick-slider, что в вашем случае и произошло. Укажите им нужное положение (сейчас они вылезли за пределы контейнера)
5. А еще можно убрать box-shadow в отзывах
Ответ написан
NooBiToo
@NooBiToo
У вас картинка вылазит за контейнер в блоке
"Найдено лекарство от рака?!"
задайте ей
widht:100%;
height:auto;

<img src="img/banner-mans.jpg" alt="banner-mans">
Ответ написан
Комментировать
Момент №1:
Картинка = 470px
Скриншот

5d72040a563a7025235384.png

Задайте ей max-width: 100%

Момент №2
Кнопка слайдера выходит за рамки
Скриншот
5d72044124288239073048.png
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
lnegr
@lnegr
html,body{
overflow-x: hidden
}
чтобы не было белой полоски
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы