Почему на мобильном устройстве задний фон увеличивается в 2 раза?

Question

[Artem0071]

Сразу пример
Это на компе в сафари


Это на компе в сафари в виде устройства (iphone 5/SE):


И вот проблема, когда открываю на айфоне (5), то задний фон увеличивается в размере:


Вот код:

.indexBanner {
    padding: 30px;
    background: grey url("~assets/images/hello/burger.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    background-blend-mode: multiply;
  }

Answer 1

[Paul Denisevich]

Сделайте вот так:

.indexBanner {
    padding: 30px;
    background: grey url("~assets/images/hello/burger.jpg") no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    background-blend-mode: multiply;
}

Comments

[Artem0071]

методом тыка понял что проблема в "fixed", но не понимаю почему