@Artem0071
Безработный mr. Junior

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

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

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

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

Вот код:
.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;
  }
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ответы на вопрос 1
deniamnet
@deniamnet
New Yorker, web developer
Сделайте вот так:

.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;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы