Почему появляется белая полоса при адаптиве?

Question

[itsnotviktoriaaa]

Делаю адаптив для сайта, когда уменьшаю экран иногда выскакивает белая полоса справа, но если обновить на тех размерах, на которых она выскакивает, то белая полоса пропадает. Это просто какой-то баг самой системы? Это происходит на десктопных версиях. Обратите внимание на скрины. При уменьшении появляется на размере 1085px белая полоса, а на скрине 2 я просто обновила страницу и белая полоса пропала. Единственное, из-за чего это может быть, то это круги, которые позади картинки, но по факту этого не должно происходить, т.к. задан для body oveflow-x: hidden; Буду благодарна за объяснения

Comments

[Антон Литвиненко]

картинка вылазит

[Ankhena]

Если при обновлении белая полоса исчезает и нет возможности подвигать сайт мышкой (как пальцем на смартфоне), то это баг инструментов разработчика.

Но глядя на скрины, я почему-то думаю, что полоса прокрутки всё таки остается.

Можно удалять блоки по одному и искать кто виноват.
Можно обвести все элементы и псевдоэлементы рамочками (outline + отрицательный outline-offset) и просто посмотреть глазками, кто выпирает и починить.

У вас, по всей видимости, выпирает та часть с кругами и подарком (неизвестно чем оно у вам там сверстано)

Answer 1

[Noder SS]

Если при обновление изчезает на тех же размерах, не беспокойтесь, это баг. У меня тоже такое было, что на маленьких устройствах в инструменте разработчика сайт превращался в скрол по X полосе, а если взять реально устройство, то ничего такого не будет)

Answer 2

[yapaofficial]

Допусти у картинки width: 120px

Тоесть размеру неë фиксирован

Попробуйте:
Max-width: 120px;
Width:100%;
Или возможно это баг в браузере, " У меня и знакомых он часто происходит "

После этого картинка будет сжиматься а у вас она всегда фиксирована из за этого появляется полоса