Величина шрифта vw?

Кто может рассказать своими словами как работает величина шрифта vw, и что это вообще такое, и для чего оно нужно, и кто в своей работе регулярно использует это?
  • Вопрос задан
  • 154 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
1vw = 1% ширины вьюпорта.
1vh = 1% высоты вьюпорта.
Посмотрите пример, увеличивайте и уменьшайте область с результатом. Если будете растягивать по ширине, текст будет увеличиваться, если по высоте, то не будет. Чтобы шрифт зависел от высоты, используйте vh.
https://jsfiddle.net/8tov1tLL/

Таким образом можно решать задачи типа "в баннере заголовок должен быть на ширину 90% экрана и всегда на одну строчку при любой ширине окна".

С обычным текстом единицы vw нужно использовать с осторожностью, чтобы не получить микроскопический нечитаемый текст.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы