Шрифт относительно вьюпорта?

Кто имел дело на практике с шрифтом относительно размера окна 1vw
  1. Какие плюсы и минусы такого подхода к размеру текста
  2. Какие могут всплыть нюансы
  3. Как реализовать: font-size: calc(1vw * 1em)?
  • Вопрос задан
  • 109 просмотров
Решения вопроса 2
groog
@groog
Я только учусь
1.
+ Текст масштабируется с изменение размера экрана
- Текст масштабируется с изменение размера экрана
Такое нужно когда на резиновом сайте необходимо, чтобы текст был пропорционального размера к блоку.
Придется делать много медиа запросов, чтобы в целом у вас все смотрелось хорошо, но все есть шанс наткнуться на конфигурацию экрана, когда смотреться будет плохо
2.
Для всех сложно сделать, чтобы было хорошо. На узких экранах vw будет давать мелкий текст, на слишком широких vw даст огромный текст и пр. Много разного выплывает.
3.
В calc при умножении и делении второй аргумент должен быть числом.

Вот пример текста с относительными размерами:
https://codepen.io/groog/pen/XeLJxX

Вот еще один пример:
https://jsfiddle.net/groog/gch4mw1d/6/
Поиграйте размером экрана и посмотрите на текст
Ответ написан
Комментировать
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Касательно пункта 3
ИМХО удобнее такой вариант
https://gist.github.com/indrekpaas/7f22e44ace49b5124eec
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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