"background-size: cover" не работает на iPhone на конкретной странице

[iBars]

На главной странице с iPhone CSS-свойство "background-size: cover" работает как надо:

 

 

А на другой странице отображается только верхний нижний уголок картинки, а не умещается вся полностью:

 

 

Сравните с результатом на компьютере - как видите, от всей фотки остались только листья. Как это исправить?

Edited December 14, 2015 by iBars

[Vlad]

Пропорции у фотографий разные, поэтому и разные результаты получаются. Приведите соотношение сторон у всех фотографий на сайте к одному значению и будет вам счастье.

[Igor Schnaider]

В iOS проблема с этим background-size: cover. А на главной у вас cover не стоит. Точнее, background в .imageBg #gkHeader перебивает ранее установленное.

 

По-моему, вместе с background-attachment: fixed в iOS такое с размером фона происходит.

Я бы для мобильной версии просто менял background-attachment с fixed на scroll.

 

upd. К тому же, как пишут, оно очень "дорогое", так что имеет смысл отказаться от него.

Edited December 15, 2015 by Igor Schnaider

[iBars]

Пропорции у фотографий разные, поэтому и разные результаты получаются. Приведите соотношение сторон у всех фотографий на сайте к одному значению и будет вам счастье.

Не понял. Разрешение у всех фонов разное, можете привести пример, как следует изменить первое изображение?

 

А на главной у вас cover не стоит. Точнее, background в .imageBg #gkHeader перебивает ранее установленное.

В смысле перебивает? 

[Igor Schnaider]

В смысле перебивает?

 

http://i.imgur.com/mdpjx4h.png

Там он вообще сейчас закомментирован. Но даже если убрать комментарий, декларация background (#2) перебьет это правило.

 

Если использовать сокращенную запись, то нужно явно прописывать:

 

     background: url(header.jpg) center 0/cover no-repeat fixed #000;

[iBars]

 

В смысле перебивает?

 

http://i.imgur.com/mdpjx4h.png

Там он вообще сейчас закомментирован. Но даже если убрать комментарий, декларация background (#2) перебьет это правило.

 

Если использовать сокращенную запись, то нужно явно прописывать:

 

     background: url(header.jpg) center 0/cover no-repeat fixed #000;

 

Всё равно не помогло