Как растянуть фон по всей ширине на моб. устройствах?

Question

[YdarSvertyhi]

Имеется сайт infocraft.pe.hu/. У фона на моб. устройствах появляется отступ слева и большой отступ снизу. Как исправить? Помогите новичку! Вот код: https://jsfiddle.net/690hywgk/ (только тут без изображений).

Answer 1

[sergey]

нет viewport, не правильно заданы размеры для адаптивности,
к примеру вы пишите: width: 900px;
а нужно: width: 100%; max-width: 900px;

Comments

[YdarSvertyhi]

Спасибо, это где-то + 20% к моему опыту!

Answer 2

[Ankhena]

1. Прописать правильный meta viewport
2. Задать html и body высоту и минимальную высоту 100%
3. Не применять background к html, лучше к body или к основному блоку-обертке.

Comments

[YdarSvertyhi]

3 уже пробовал

[Ankhena]

YdarSvertyhi: В вашем случае 3 на погоду не влияет. Это правила хорошего и безопасного кода.
А первые 2 влияют.
Для понимания происходящего обводите блоки яркими рамками, чтобы было понятно, дело в размерах блока или проблема с фоном.