Задать относительное значение шрифта для разных разрешений мониторов

Вопрос:

Подскажите, для параметров fontSize можно задавать относительное значение типа ‘bigSize’ / ‘smallSize’ или размер в % от оптимального для этого места. Например ‘75%’ ?
Ибо как оказалось на небольших мониторах (и на очень больших) фикс значения ведут себя не так, как планировалось…

Ответ:

Предполагаем, что у одного из контейнеров стоит overflow: hidden и line-height маловат для такого размера шрифта. Можно исправить через styles.css.
В стилях необходимо выставить overflow:visible для контейнера при медиа запросе на ширину вьюпорта, начиная с какого-либо приемлемо большого значения в px.

Также рекомендуем использовать vmin для шрифтов вместо “px”.

У нас установлено приведение к пикселям и игнорирование в лейбле не числовых значений для fontSize.
В таком случае, вам необходимо создать локальный файл со стилями styles.dboard=2.css (для дешборда с id=2) и там выборкой селекторов для доски управлять размером каждого из лейблов.
Пример:

.valueTd .value > .value {
   font-size: 2vmin; // тут размер в vmin,vmax,vh,vh
}
// стиль для конкретного ребенка (Лейбла в данном случае) доски
.VizelBoard__Frame:nth-child(3) .valueTd .value > .value {
   font-size: 2.5vmin; // тут размер в vmin,vmax,vh,vh
}

Когда планируется реализовать динамичный размер шрифтов?