clamp() calcul de typographie fluide

h1 { font-size: clamp(2rem, 1.273rem + 3.636vw, 4rem); }

devices 320px → 1200px typo 32px → 64px valeur fixe 1.273rem valeur relative 3.636vw

devices 20rem → 75rem typo 2rem → 4rem valeur fixe 1.273rem valeur relative 3.636vw

device⁥/⁥format	valeur idéale calculée	valeur relative / valeur idéale calculée / valeur fixe
319px	32px	319px x 3.636vw / 100 = 11.5988px - 32px = 20.368px / 16 = 1.273rem
320px	32.0032px	320px x 3.636vw / 100 = 11.6352px - 32.0032px = 20.368px / 16 = 1.273rem
400px	34.912px	400px x 3.636vw / 100 = 14.544px - 34.912px = 20.368px / 16 = 1.273rem
500px	38.548px	500px x 3.636vw / 100 = 18.18px - 38.548px = 20.368px / 16 = 1.273rem
600px	42.184px	600px x 3.636vw / 100 = 21.816px - 42.184px = 20.368px / 16 = 1.273rem
700px	45.82px	700px x 3.636vw / 100 = 25.452px - 45.82px = 20.368px / 16 = 1.273rem
800px	49.456px	800px x 3.636vw / 100 = 29.088px - 49.456px = 20.368px / 16 = 1.273rem
900px	53.092px	900px x 3.636vw / 100 = 32.724px - 53.092px = 20.368px / 16 = 1.273rem
1000px	56.728px	1000px x 3.636vw / 100 = 36.36px - 56.728px = 20.368px / 16 = 1.273rem
1100px	60.364px	1100px x 3.636vw / 100 = 39.996px - 60.364px = 20.368px / 16 = 1.273rem
1200px	64px	1200px x 3.636vw / 100 = 43.632px - 64px = 20.368px / 16 = 1.273rem