Adapt font stretch to div size with CSS

Question

how could i fit the font stretch to div size with css similar to an image with a height and width? maybe something like:

.div p{
 font-stretch: div(100%);
 transform: div(100%);
}

I need javascript?

There are some ideas here: https://stackoverflow.com/questions/16056591/font-scaling-based-on-width-of-container — niorad, Oct 17 '22 at 10:01
Does this answer your question? [Font-stretch property not working on IE11](https://stackoverflow.com/questions/31552426/font-stretch-property-not-working-on-ie11) — FUZIION, Oct 17 '22 at 11:48

score 0 · Answer 1 · answered Oct 17 '22 at 09:53

0

use clamp it is alter native for media query

font-size : clamp(10px, 25px, 50px)

answered Oct 17 '22 at 09:53

Vijeeth

thanks friend, I have tried it, but clamp does not manage to deform the text. – Osdator Oct 17 '22 at 10:04
instead of px use the value in vw . – saurav Oct 17 '22 at 11:34

1 Answers1