Эмуляция «относительных пикселей» в CSS на основе размера корневого шрифта ⇐ CSS

[Anonymous]

Насколько мне известно, в CSS до сих пор не существует такого понятия, как «относительный пиксель». (

Код: Выделить всё

1 relative pixel == 1px

, если 1rem == 16 пикселей, или пропорционально изменено, если нет).
Я ищу выразительный способ эмуляции этих единиц.
На данный момент лучший вариант, который я видел, — это использование LESS:

Код: Выделить всё

@font-size: 16;
@rem: @font-size*1rem;

h1
{
font-size: 20/@rem;
}

Код: Выделить всё

/@

выглядит довольно аккуратно как префикс, означающий «относительные пиксели как» [rem] (конечно, это всего лишь операция деления). Но для этого требуется препроцессор LESS.

Код: Выделить всё

calc(20rem / 16)

кажется немного многословным из-за повторения Calc и 16.
Есть ли в 2025 году другие способы эмулировать эти единицы измерения?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -font-size