Адаптивный шрифт с помощью функции calc() CSS || Fluid Font Size - calc() function CSS

В этом видео вы узнаете, как сделать адаптивный шрифт при любой ширине области просмотра используя функцию calc() CSS шаг за шагом.
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWit...
💵 Поддержать канал (support channel): 5375414128564241 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank....
💵 Поддержать канал (support channel): / codingwithtopchiy
👍 Subscribe: / @topchiydev
😀Спасибо за просмотр!😀

[@kosmonavt980]

супер!!! просто отлично текст уменьшается сам, меньше заморочек с медиазапросами!

[@topchiydev]

Да, очень удобно 👍

[@Mr-in8km]

огромное спасибо тебе! с математикой вообще не дружу - особенно уравнения: это то что смог нагуглить

[@topchiydev]

Пожалуйста)

[@ВиталийДавыдов-э4г]

Чем отличаеться от vw?

[@topchiydev]

Приветствую! Лучшая адаптивность, с vw шрифт может быть сложно читабельным при маленькой ширине области просмотра.

[@ВиталийДавыдов-э4г]

@@topchiydev пробовал и так и так.. на глаз я не различаю... это для гурманов. Насколько ликвидна эта функция, то есть насколько заказчики, работодатели часто её требуют\используют?

[@topchiydev]

Есть еще функция clamp() можете с ней сравнить также. Как по мне calc() адаптируется лучше, чем другие, а для заказчика главное результат. Можно тестировать разные варианты и уже решать для себя, что подойдет лучше.

[@ВиталийДавыдов-э4г]

@@topchiydev clamp - не могу понять зачем он? если у меня медиа запросы 5 штук от 300 и до 1900, зачем не кламп или калк, не совсем понмаю. Чего я не понимаю?

[@topchiydev]

Эти функции упрощают работу, меньше медиа запросов нужно писать, хотя бы для шрифтов.

[@umaralifayzullayev]

Спасибо за урок. Но по моему clamp() лучше

[@topchiydev]

Пожалуйста) Это уже на ваш выбор 👍

[@addRossi]

использовал - метод рабочий спасибо!

[@topchiydev]

Пожалуйста)

[@errorerror3564]

Я благодарен тебе, дорогой стример, за такое подробное объяснения. Смотри, заметил, что ты используешь vh и vd, после этого мне в рекомендация попали занимательные баги с данными вью-портами, которые можно пофиксить новыми обозначениями аля -"lvh, svh, dvh", просто не заметил у тебя их на канале, будет здорово, если такой грамотный человек, как ты их разберет и даст совет, стоит ли ещё использовать старого образца вью-порты, заранее - благодарю

[@topchiydev]

Приветствую! Спасибо за обратную связь! Рад, что все понятно. Со времени запишу видео на тему новых единиц)

[@errorerror3564]

@@topchiydev , крайне благодарю тебя и я думаю это будет очень полезный материал

[@mikhaildolgov]

Спасибо за Ваш труд. С наступившим!

[@topchiydev]

Пожалуйста)