CSS Clamp не работает с высотой строки (em или без единицы измерения) ⇐ CSS

[Anonymous]

Я обнаружил проблему с CSS-зажимом, связанную с высотой строки. Ни единица измерения em, ни запись без единицы измерения не будут соответствующим образом масштабироваться. Похоже, что значение вычисляется браузером только один раз (проверено в Chrome и Safari), а затем остается статическим.
Это трудно продемонстрировать в приведенном ниже фрагменте, поскольку SO не позволяет нам масштабировать фрейм, но, надеюсь, вы увидите проблему.
Я предполагаю, что это задуманное поведение. Если да, то является ли единственным решением предоставить ему значение rem или px? Можно ли как-нибудь позволить этому функционировать таким образом?

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

h1 {
font-size: 48px;
font-size: clamp(34px, 21.5556px + 2.5926vw, 48px);
line-height: 1.5em;
line-height: clamp(1em, 2.8889em - 0.1852vw, 2em);
}

h1.alt {
font-size: 48px;
font-size: clamp(34px, 21.5556px + 2.5926vw, 48px);
line-height: 1.5;
line-height: clamp(1, 2.8889 - 0.1852vw, 2);
}

h1.alt2 {
color: blue;
font-size: 48px;
font-size: clamp(34px, 21.5556px + 2.5926vw, 48px);
line-height: 1.5;
line-height: clamp(1em, 2em - 3vw, 2em);
}

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

I am a great big title and my size and line height varies by screen size.

I am a great big title and my size and line height varies by screen size.

I am a great big title and my size and line height varies by screen size.

Первый фрагмент остается статическим с высотой строки 2em.
Второй фрагмент остается статическим с высотой строки 1,5.

Подробнее здесь: https://stackoverflow.com/questions/798 ... thout-unit