How to shrink multiline text using something like zoom?

Question

css

The essence of the task is to make a rubber page, which, when the screen is reduced, will decrease just as smoothly as it is in the default size. This page is multilingual and compared to Russian or English text, German is just huge.
The essence of the problem is that I have a block with fixed sizes in percent, let6%from the height and30%from the width. This block contains a text container, let's say<p></p>. This container contains multiline text that fills the entire container. When you change the language, the text is translated in real time and becomes longer in the German translation.
The question is how to make the text shrink at the expense ofzoomorfont-sizeor some other setting? It is also worth considering that the text should not be separated using <br/>
Used already

• ReactFitText
  
• Fit Text
  
• Fitty
  

Answer 1

Remove the meta tag:

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">