Здравствуйте, на мобильных устройствах блоки с задним фоном занимают не 100% экрана а примерно 3/4 сайт с фиксированной шириной, как можно исправить?

Question

[RobinB]

viktm12.srd.webhost1.ru/noosfera - ссылка на сайт
суть проблемы в одной картинке(скрин с мобильного устройства):

Answer 1

[Сергей Карвасарный]

вчера боролся с такой штукой, у меня были такие блоки и основной блок сайта был в 1200 ну я указал блокам которые тянулись на всю длину min-width: 1200px; т.е длину основного блока и все.
Через фаер баг прикинул и при появлении скрола все норм.

.block-1 {
min-width: 1334px; - вроде так
/* min-width: 1024px; */
background: url(../img/bg-1.jpg) 0 0 no-repeat;
min-height: 649px;
width: 100%;

background-size: 100%;
background-position: center;
position: relative;
}

Comments

[RobinB]

Спасибо, помогло, но на min-width: 1349px; на 1200px все равно оставалась полоса.

[Сергей Карвасарный]

RobinB: нужно просто подобрать точный min-width и все будет нормально, у меня просто был сайт в 1200 я выставил в min-width тоже значение 1200 и все хорошо стало:)

Answer 2

[Евгений]

Почему не сделать через media query? Зачем круглое в квадратное пихать?