Как объяснить Safari что такое высота в vh?

Question

[bulldojka]

Помогите решить следующую задачу:
На сайте высоту блоков я задавал в vh. Во всех браузерах отображается замечательно, но сафари отказывается видеть эти блоки (они пустые, только фон).
Это лечится?

Answer 1

[Евгений Петров]

Только с помощью полифиллов типа Viewport Units Buggyfill, vminpoly и аналогичных.
То бишь эмуляция с помощью JS того, что не поддерживается в текущей версии браузера. Можно использовать и более общие полифиллы, покрывающие не только единицы измерения.

Comments

[bulldojka]

Как вариант. Спасибо, попробую

Answer 2

[ixon]

Эту единицу Сафари не поддерживает Попробуйте использовать другие единцы, которые Сафари поддерживает, например vw, которое по сути почти одно и то-же, что и vh, правда не знаю поддерживает-ли его Safari.
Чтобы облегчить перевод всех единиц в вашем коде, попробуйте использовать SCSS, SASS и прочие.
Заставить чем-либо распознавать врятли получится.

Comments

[bulldojka]

vw - единица ширины, а мне бы по высоте viewer`а это дело подстроить.
И на том спасибо, буду переписывать в проценты

[Максим Гречушников]

rem, em, %