Как установить максимальний шрифт?

Question

[ptenchikelem]

задаю обычный шрифт font-size: 8vw;
но также нужно ограничение 450px

Comments

[Rustam Bainazarov]

Никак нормально.

Нет, ну можно, конечно:

font-size: clamp(8vw, 8vw, 450px);
https://css-tricks.com/how-do-you-do-max-font-size...

Только это будет работать в самых-самых последних версиях браузеров.

[xdevelx]

Рустам Байназаров, max() работает в 90.56% браузеров по can i use

font-size: max(8vw, 450px);

[ptenchikelem]

xdevelx, пробую, но почему то ошибка

[Rustam Bainazarov]

xdevelx, они в одно время появились. В Chrome с декабря 2019-го, в Firefox — с апреля 2020. Если у него массовый продукт и эта штука для него очень важна в плане дизайна, то это стоит учесть, это всё же весьма новые версии. Большое количество людей до сих пор на 60-х Chrome сидят в России, а на мобильных — в Mi Browser да Samsung Browser.

[xdevelx]

ptenchikelem, sass имеет свои функции min, max, clamp - поэтому возможна несовместимость.
https://m.habr.com/ru/company/ruvds/blog/511596/

[Rustam Bainazarov]

ptenchikelem, https://m.habr.com/ru/company/ruvds/blog/511596/


LOLOL.

[Lynn «Кофеман»]

Наверняка можно с media queries

https://css-tricks.com/linearly-scale-font-size-wi...

Answer 1

[Lynn «Кофеман»]

А вы осознаёте что 450px будет при ширине экрана в 5625px. Какой смысл закладываться на такие крайние случаи?

Но, в любом случае вот пример как это можно сделать с @media:
https://codepen.io/alexeyten/pen/poRbXVd?editors=1100