Адаптивный текст?

Question

[Ива]

Можно ли на сегодняшний день добиться адаптивности для текста не используя кучу '@media' запросов?

Answer 1

[Алексей Струков]

Кучи медиазапросов не нужно. Достаточно четырех)

Comments

[Ива]

Предположим да, но может кто знает альтернотивное более удобное решение

[Алексей Струков]

Ива: Это самое удобное. В любом случае их придется писать, чтобы например загружать картинки разного разрешения для каждого устройства. А раз они будут написаны, то не составит большого труда вписать туда до кучи и размер шрифта.

Answer 2

[Денис Андрикевич]

Почитайте про viewport units.
Просто попробуйте font-size: 4vw и посмотрите результат.

UNIT DESCRIPTION
vw stands for viewport width
vh stands for viewport height
vmin equal to the smaller of ‘vw’ or ‘vh’
vmax equal to the larger of ‘vw’ or ‘vh’

Comments

[Ива]

Знаю и этот способ, но что если макет таков что зависимость от высоты или ширины будет некорректна, но и все равно придется использовать медиа запросы

[Денис Андрикевич]

Ива: тогда какой вас ответ устроит, если Вам нужна адаптивная типография конкретно под Ваш макет? В любом случаи Вам придется руками переписывать. Единственное что могу подсказать это calc + view ports, конкретно под вашу задачу.

[Ива]

Денис Андрикевич: можете подсказать последнее можно ли сделать зависимость от контейнера, а не от всего окна?

[Сергей delphinpro]

Ива: А контейнер разве не зависит от ширины вьюпорта?

[Денис Андрикевич]

Ива: Вам Сергей уже ответил :)