2013-07-16 2 views
0

Я пишу отзывчивый дизайн, и использование vw для размеров шрифтов прекрасно работает. Проблема в том, что vmax еще не поддерживается в webkit, поэтому вопрос становится следующим:Есть ли способ динамически переключаться между vw и vh (ширина/высота видового экрана) с помощью Javascript/css?

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

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

+0

Я не уверен, будет '@media (min-aspect-ratio: 1)' и аналогичной помощи? – Passerby

+0

Я могу использовать медиа-запросы, чтобы определить размеры аспект/окно и заставить его swith css на лету. Я думаю, что это единственное, что я могу сделать. Наверное, я надеялся на более простое решение. – smakus

ответ

0

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

+0

Я не понимаю, как это работает. Где значение vw и где максимальная ширина видового экрана для эмулирования? – Menasheh

Смежные вопросы