726 читали · 1 год назад
Небольшое дополнение по единицам измерения в CSS 🙃 Я тут искал, что бы тебе рассказать интересного и заметил неприметные единицы измерения lh и rlh lh — расшифровывается как line-height. Соответственно, 1lh = высоте строки, 2lh = высота строки * 2 и т.д. (caniuse 78.9%) rlh — расшифровывается как root line-height. Работает точно так же как lh, но относительно корневого элемента (<html>), очень похоже на пару rem и em. Самое интересное, что rlh поддерживает только Safari, сафари впереди планеты всей 🤣 (caniuse 10.2%)
Плагин CSS Responsive Очень полезный плагин для перевода line-height в проценты. Формула для расчёта: line-height / font size = line-height Плагин: ссылка