devpro
@devpro
Учусь...

Как заставить background-size: cover; работать на мобильных устройствах?

Как заставить background-size: cover; работать на мобильных устройствах?

.firstsection{
	background-image: url(../wp-content/uploads/2019/05/Header_Background.jpg);
	background-image: -webkit-image-set(url(../wp-content/uploads/2019/09/Header_Background.webp)1x );
	background-size: cover; /* Resize the background image to cover the entire container */
	background-attachment: fixed;
	height: 100%;
	overflow: hidden;
}
  • Вопрос задан
  • 365 просмотров
Пригласить эксперта
Ответы на вопрос 2
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
Это свойство работает в некоторых мобильных браузерах, но оно относится к css 3.0, которое может не поддерживаться на старых устройствах/браузерах.
Подробнее о поддержке: трунь
А точнее 5d9245a75d511218770610.png
Ответ написан
profesor08
@profesor08 Куратор тега CSS
.firstsection {
  background-size: cover;
  background-attachment: fixed;
}

Не совместимы.

Ищи другое решение, например позиционируй на js.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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