Un valor fluido es una recta solo entre dos anchos elegidos. Antes queda en el límite inferior y después en el superior. CSS clamp() expresa las tres zonas en un valor si la expresión preferida contiene pendiente e intercepto correctos.

Calcula la pendiente exacta

Sea V1,S1 el punto pequeño y V2,S2 el grande. La pendiente es (S2 − S1) / (V2 − V1). Para 320px → 16px y 1200px → 32px vale exactamente 16/880, o 1/55. Mantener una fracción evita errores binarios antes de formatear el CSS.

Calcula el intercepto a ancho cero

El intercepto px es S1 − pendiente × V1. No recomienda un diseño a ancho cero; solo es el término constante para atravesar ambos puntos. En el ejemplo vale 560/55px, unos 10.181818px, o 0.636364rem con raíz 16px.

Convierte la pendiente en coeficiente vw

Un vw es un uno por ciento del ancho, por lo que la pendiente se multiplica por 100. El coeficiente es 100/55, cerca de 1.818182vw. Con intercepto y límites queda clamp(1rem, 0.636364rem + 1.818182vw, 2rem). El texto decimal aproxima la recta racional; por eso se verifican extremos.