Белая вертикальная полоса справа, на мобильной версии сайта
https://kovriginleonid.github.io/Chess/ Я уже перепробовал все предлагаемые методы, настроил мета viewport, везде добавил overflow-x: hidden;, перепроверил не выпадают ли какие либо блоки, назначив глобальный бордер в 1px. Но совершенно не понимаю откуда она берётся.
P.S. Всевозможные принудительные расширения html и body до 100vw хотелось бы избежать, из за особенностей того, как сделано изображение для header. Но если нет другого варианта, как можно собрать этот коллаж таким образом, что бы всё оставалось на своих местах ?
Ответы (1 шт):
Автор решения: LureRed
→ Ссылка
у вас одинаковые значения в минимальной и максимальной ширине
@media (max-width: 768px)
body {
max-width: 375px;
min-width: 375px;
}
max-width поменяйте на 100% к примеру или 100vw