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

    Сейчас установлен фон через 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 год, 3 месяца назад пользователем xlb1.
    • Тема изменена 1 год, 3 месяца назад пользователем xlb1.
    • Тема изменена 1 год, 3 месяца назад пользователем xlb1.
Просмотр 2 ответов — с 1 по 2 (всего 2)
  • @xlb1 Safari иногда странно отрабатывает с флексами, auto и процентными соотношениями, потому вертикальные параметры изображения лучше прописать вручную

    Попробуйте заменить 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» закрыта для новых ответов.