Размер шрифта на сайте

i.lisovenko
На сайте с 14.01.2022
Offline
41
212
Всем привет. Чего-то меня надоумили шрифт на сайте сделать не font-size: 14px; например а так font-size: 1vw;  типа такого, все бы ничего при моей ширине экрана 1400 и максимальной ширине боди сайта в 1200рх, а вот если смотреть на монике 2000рх то шрифт уже ужасно смотрится. Можно ли как то сделать так, чтоб параметр vw учитывал параметр max-width: 1200px; ?? Или как грамотно это сделать тогда в итоге? Обратно все возвращать и делать аля под разные разрешения @media screen and (max-width: 470px) {}. ??😐
Сайт знакомств https://bluepink.life
D.iK.iJ
На сайте с 26.05.2013
Offline
229
#1

Ну если у использовать что-то новое вроде vw,то тогда уж берите сразу и clamp(). Там можно указать минимальное значение, максимальное и ваш  font-size: 1vw.

Например, font-size: clamp(1rem, 10vw, 2rem);  а еще есть  функции  min() и  max(). Но мне лень разбираться )) голосую за  @media.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
i.lisovenko
На сайте с 14.01.2022
Offline
41
#2
D.iK.iJ #:

Ну если у использовать что-то новое вроде vw,то тогда уж берите сразу и clamp(). Там можно указать минимальное значение, максимальное и ваш  font-size: 1vw.

Например, font-size: clamp(1rem, 10vw, 2rem);  а еще есть  функции  min() и  max(). Но мне лень разбираться )) голосую за  @media.

Ну я пока вернул шаблон под media но все же уже чисто интересно стало. Например при разрешениях то 1400 вроде все гуд! А вот с мониками около 2000 не алло, поэтому уже чисто ради эксперимента хочу пробовать что-то иное, например как Вы указали.

Правильно ли я понял что про максимальное и минимальное значение это имеется ввиду то, до какой степени максимум вырастает шрифт?

D.iK.iJ
На сайте с 26.05.2013
Offline
229
#3
i.lisovenko #:
до какой степени максимум вырастает шрифт?

Ну да. Как я понимаю, ставите минимум (тот же  14px) потом свои  1vw и максимум - больше которого шрифт не должен быть.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий