Есть ли способ динамически переключаться между vw и vh (ширина / высота области просмотра), используя Javascript/css?

Question

Я пишу адаптивный дизайн, и использование VW для размеров шрифта прекрасно работает. Проблема в том, что vmax еще не поддерживается в webkit, поэтому возникает вопрос:

Есть ли способ динамически переключать размеры рендеринга шрифта с использованием vw на использование vh, когда экран клиента находится в узком портретном режиме (например, iphone 5 Portrait)?

Я попытался "обмануть", установив минимальную ширину области просмотра, но это, похоже, не работает. Фактическая ширина экрана всегда, кажется, заменяет.

Answer 1

В идеале вы бы протестировали его с помощью такого инструмента, как Modernizr. По умолчанию пишите кроссбраузерный CSS и улучшайте его для современных браузеров, используя .my-text.vmax { font-size: ... },