How to increase the font size in proportion to the block size?

Question

css

There is some block div . It has some 16px text.
What is the correct way to use percentages instead of pixels in font size? We want the text to grow proportionately as the (height and width) of the div increases .

Answer 1

https://www.smashingmagazine.com/2016/05/fluid-type...

Answer 2

1) increase the block through transform: scale() then everything in it will proportionally increase
2) in js, track the size of the block and change the font size as needed

Answer 3

3) You can set the block sizes in em and change the font size - then the block sizes will also change proportionally..