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

вчера боролся с такой штукой, у меня были такие блоки и основной блок сайта был в 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;
}

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