Проблемы с фоновым Resposive

Question

У меня проблема с отзывчивым фоном на мобильном телефоне Chrome.Моя проблема только с Chrome.

Что я собираюсь делать?

    body{
     background-image: url(images/home.png);
     background-position:center;
     background-color:#2e4053;
     background-size:cover;
    }

  @media only screen and (max-device-width: 1100px) {
    body {
     background-image: url(images/homemobile.png);
     background-position:center;
     background-color:#2e4053;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size:cover;
     -o-background-size:cover;
     }
    }

Chrome на рабочем столе: http://prntscr.com/necegy
Chrome Mobile: http://prntscr.com/necf2a
Firefox Mobile: http://prntscr.com/necf8t

Answer 1

1. Убедитесь, что вы добавили повторение фона: no-repeat
2. Убедитесь, что ваша страница переведена на минимальную высоту 100%
3. Также вам не нужно повторятьвесь стиль в медиа-запросе - только тот, который изменился

... как-то так

html {
    height: 100%;
}

body{
    min-height: 100%;
    background-image: url(images/home.png);
    background-position: center;
    background-color: #2e4053;
    background-size:cover;
    background-repeat: no-repeat;
}

@media only screen and (max-device-width: 1100px) {
    body {
        background-image: url(images/homemobile.png);
    }
}

Answer 2

Попробуйте также задать отступы и отступы для тела.

body{
        margin:0;
        padding:0;
        background-attachment: fixed;
}