Растягивание фона на ios

  • xlb1

    (@xlb1)


    1 год, 8 месяцев назад

    Всем привет. Подскажите, пожалуйста, в чем проблема, на всех устройствах фон отображается корректно, а вот именно на айфоне/айпаде фон растягивается до непонятных размеров.

    Сейчас установлен фон через CSS:
    body {
    background-image: url(/wp-content/uploads/2023/03/img_0607.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }

    Также, устанавливал через настройку темы > Фоновое изображение и в обеих случаях фон растягивается.

    Вот так выглядит на андройде (так и должно быть):
    https://imgur.com/E9D6udN

    А вот так на айфоне:
    https://imgur.com/VfUTNkA

    Тема: MH Newsdesk lite
    https://smetar.ru

    • Тема изменена 1 год, 8 месяцев назад пользователем xlb1.
    • Тема изменена 1 год, 8 месяцев назад пользователем xlb1.
    • Тема изменена 1 год, 8 месяцев назад пользователем xlb1.
Просмотр 2 ответов — с 1 по 2 (всего 2)
  • nndscrpt

    (@nndscrpt)

    1 год, 7 месяцев назад

    @xlb1 Safari иногда странно отрабатывает с флексами, auto и процентными соотношениями, потому вертикальные параметры изображения лучше прописать вручную

    kword

    (@kw56)

    1 год, 7 месяцев назад

    Попробуйте заменить background-attachment: fixed; на такой вариант:

    @supports ( -webkit-touch-callout : none) {
	.selector {
		background-attachment:scroll
	}
}

@supports not ( -webkit-touch-callout : none) {
	.selector {
		background-attachment: fixed;
	}
}
Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Растягивание фона на ios» закрыта для новых ответов.

Метки