Мобильный сафари и 100vh — как заставить понимать высоту указанную во «вьюпортах»?

Question

[Полина Емельянова]

Здравствуйте, коллеги!
Прошу, помогите решить проблему:

Есть слайдер с высотой в 100vh (dev.imdeveloper.ru/bisness-school/). Он нормально себя ведет во всех браузерах и даже на мобильных. Однако! Стоит его открыть в мобильном сафари - фенита ля комедия! Разъезжается картинка во всю свою ширь (в аккурат 1200*800), и все, вплоть до повисания устройства, что естественно, при таких габаритах.

ВОПРОС: Как это лечится? Т.е. как заставить Сафари вывести слайд на экран во всю высоту и пропорционально ужать ширину, что ли..? Я вижу только один выход - явно ее - высоту - прописать, но, опять же, как? Ведь ни min-, ни max-, а уж тем более в процентах, Сафари (6-7 версии) понимать не желает... Или я что путаю?

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

Заранее ОГРОМНОЕ спасибо!!!

Comments

[Ankhena]

6-7 сафари, это уровень ИЕ8-9, может просто отпустить их на свободу?

[Полина Емельянова]

Ankhena W: Дык.... Не только в этих стариках... ВСЕ вплоть до 6-го Айфона... Я по тому и кипишую... Я тут просмотрела ветку с Сафари - мало что годного нашла. Только скриптами. Ну, не хочется тянуть библиотеку ради этой цели.)

[Ankhena]

Полина Емельянова: так, зачем какая-то библиотека, если надо только узнать высоту окна в точках и задать ее слайдеру?

[Полина Емельянова]

Ankhena W: А как подстраивать под разные устройства?
Задача: 100% высоты вьюпорта первого экрана... Ы... Извелася вся... ;-(

[Ankhena]

$(window).height() - высота окна.

[Полина Емельянова]

Значит, так и поступлю... СПАСИБО!!!!!

[Sayonji]

Используйте rem вместо vh, а на js добавляйте стиль в документ, делающий размер шрифта равный высоте экрана поделить на 100 у html.