volshebnik69
@volshebnik69

Почему получаются неодинаковые rem-ы при адаптиве текста и интерльиньяжа?

Не подскажете что не так ?

Пишу
font-size:calc((100vw - 30rem)/(80 - 30) * (1.18 - 1.07) + 1.07rem);
 line-height:calc((100vw - 30rem)/(80 - 30) * (1.6 - 1.2) + 1.2rem);


Но на экране монитора получается, что 1 rem для высоты шрифта = 16, 667 px.
А для межстрочного расстояния 1 rem = 19,19 px.
Разве ремы не одинаковы ?
Размеры проверяю расширением Хрома — Fonts Ninja (см. рисунок)
5f6e2deebfa0f691092072.jpeg

И получается, что нужно всё время залазить в инспектор в адаптив и смотреть расширением Fonts Ninja, сколько выходит размер шрифта или межстрочного расстояния, чтобы в коде точно написать нужную их величину числом рема.

Например, если хочу установить нужный мне интерлиньяж, к примеру, 30 px., то делю 30 на 16 и получаю 1,875 rem. Но при прописании в формуле этой величины не получается 30 px. на мониторе. Путём подбора получается 1.6 rem (=30 px. 1 rem = 19,19 px.)

Если дальше ставить такое соотношение для размера шрифта, то снова размер шрифта не получается. Снова путём подбора находится величина 1 rem = 16, 667 px. (уже для шрифта. И вот она уже другая).
Это что, так и нужно прыгать туда-сюда с инспектора в респонсиве на код и обратно ,чтобы вручную "поймать" нужные размеры ?
  • Вопрос задан
  • 21 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Медиасеть Кострома
от 30 000 до 60 000 ₽
от 100 000 до 150 000 ₽
EVEN Lab Москва
от 100 000 до 180 000 ₽
27 окт. 2020, в 00:22
2000 руб./за проект
26 окт. 2020, в 23:49
1500 руб./за проект
26 окт. 2020, в 23:46
3000 руб./за проект