CSS функция clamp(). Адаптивный размер текста. Прощайте медиазапросы

Подробный разбор CSS функции clamp(). Адаптивные размеры в CSS, адаптивный размер текста.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 09 Сентября 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 16 Сентября 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[projectriders]

Спасибо большое за знания, добрый человек 😊

[dhdpzcn]

Отлично. Только вчера интересовался этой темой, потому что надоело на глаз задавать fz для @media. Нашел несколько решений и вот ваше видео.👍

[ssr.]

От души душевно в душу!!! Просто объяснил и на хорошем примере! 👍

[vnudznc]

как жаль, что на ваше видео я наткнулась только сегодня
вчера был дедлайн по главной странице в курсаче
и как раз была проблема с масштабированием текста, которую я решила более криво, чем в видео)
спасибо!

[bedylwn]

дай бог здоровья 🤝 очень доступно объясняете

[Goddamn_Right]

Дело не в том, что может быть много текста в заголовке, а в том, что при vw высота текста растёт при увеличении ширины окна, а вот высота окна не обязательно вырастет, наоборот, может и уменьшиться. Поэтому заголовок может просто вытеснить другие элементы по высоте и сломать вам дизайн... если он есть)

[autlady]

Здорово, спасибо, Юрий, очень полезно ❤

[svg]

Отличная, полезная функция. 👍спасибо!

[YaroslavlCity]

Едва досмотрел, - полез заказчику на сайт применить.

[michaelkamko]

Я делаю размер текста и все остальные размеры относительно размеров экрана через переменные. (Тут есть нюансы, касаемо высоты или ширины и горизонтальной и вертикальной ориантации) И все. На любом устройстве красиво. Никаких пикселей и кучи медиазапросов.

[alexandrs.]

Спасибо, как всегда, четко, доступно, понятно.

[kontorasb]

firefox эта функция отрабатывает не так как ожидаешь, если использоват ее с rem единицами))

[doorjrv]

Спасибо. Но хорошо было бы узнать обратную ситуацию: к примеру - от 600px до 1200 штрифт не изменяется, но если размер становиться меньше 600px до размер шрифта уменьшаеться, и если становится больше 1200, то шрифт начинает увеличиваться. Это логичнее.

[occvnfn]

А как на производительность страницы влияет clamp()?

[AlexeyKravets]

А есть видео как такую среду разработки создать и настроить? Пока балуюсь в блокноте, но это только для простых вещей.

[HappyHippyHome]

Почему бы не использовать классически устоявшиеся относительные величины, rem, em вместо этого?

[LaptevAndrew]

а можно ли это использовать для чего-то еще кроме font-size?

[PhilippJFray]

Прохожу обучение сейчас, никак не пойму как правильно использовать эту функцию, мне дали адаптивный макет под разные разрешения и во всех трёх (телефон, планшет, десктоп) в фигме у текста стоит размер в 18пх, каким образом мне нужно подобрать значения для функции что бы менялся размер, ведь минимального и максимального значения я не знаю ?)

[Shukhratov]

Есть ли видео точно также но с блоками дивами картинками?

[ojocdww]

Привет! Хотел скачать код но там стоит пароль чтоб извлечь из папки .Получается что код не посмотреть ?