title: adjusting css font size by vh and vw
body: <p>So I have text that I want to automatically resize based on the size of its container. However if I use something like</p>
  
  <pre><code>font-size: 5vw;
  </code></pre>
  
  <p>it looks good, but when I shrink the page the height starts getting way too small</p>
  
  <p>Is there anyway that I can resize the text based on both vh and vw so, for example, if I just decrease the width of the page the height doesn't decrease too?</p>
  
  <p>like if I only decrease the width of the page, I want the height of the text to stay the same and vice versa.</p>
  
  <p>Basically I want the text to always fit inside the box perfectly and have same proportions no matter what the size of the page/container is?</p>
  
  <p>Is there anyway to base font size on both vh and vw like this in CSS/HTML?</p>