How to make all fonts on the page completely dependent on the window size?

Question

css

Let's say there is such a snippet from the code (ignore the "classname", this code is from React):

<div className="header-main-lower">
         <h1 className=" "> Заголовок </h1>
         <p className=" "> Текст </p>
</div>

How do I write a CSS class so that both elements fully fit the size of the window? Options like using percentages, ems, and so on don't work.

Answer 1

two options -
for each size, make your own style,
scale the content through transform scale

Answer 2

indicate

<meta name="viewport" content="width=device-width, initial-scale=1.0">

in index.html
, and even better, indicate what needs to be done, what's the problem?

Answer 3

inherit

Answer 4

what you need - link