<div className="container">
      {text}
</div>

Hi, I'm new in CSS. The text is sent by network request, and it may return a long or short string.

How to make text font resizable when the container has fixed height and width?

When I get a long string, I want font-size a bit smaller but always full with container.

When I get a short string, I want font-size a bit bigger but not overflow.

By the way, I'm using React.