line-height calc vh unit

У меня немного сложная проблема. Мне нужно установить line-height по разнице vh единиц и px по calc в CSS. Моя идея состоит в том, чтобы установить его с помощью этого кода

line-height: calc(100vh - 100px);

Звучит просто, но не работает. Почему калькулятор с этими единицами не работает, описано в Временное решение CSS Calc Viewport Units? где решается ли это для свойства height путем взлома поля и заполнения, но его нельзя использовать для свойства line-height.

Я вижу, что проблема решена в Chrome, IE и Edge, но мне нужно сделать это и в Firefox. В Firefox это отображается в инструментах разработчика

Недопустимое значение свойства.

Есть идеи? (JavaScript не решение для меня)


person Misaz    schedule 27.03.2016    source источник
comment
Не могли бы вы сделать минимальный воспроизводимый пример того, как это работает в Chrome, IE и Edge?   -  person zer00ne    schedule 23.09.2016